next

Name: next
Author: vercel-labs

📦

コンテンツリビジョン r1 安全 ⚙️ 外部コマンド

Build Next.js Apps from JSON Specifications

Connecting JSON specifications to Next.js routes, layouts, and server rendering requires several integration steps. This skill guides AI assistants through the documented json-render setup.

対応: Claude Codex Code(CC)

🥉 78 ブロンズ

Maintain this Skill? Claim it 🥉 78 ブロンズ

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

Review the Skillstore skill "next" from https://skillstore.io/skills/vercel-labs-next.md and its manifest at https://skillstore.io/api/skills/vercel-labs-next/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/vercel-labs-next.md 署名済み manifest GET /api/skills/vercel-labs-next/manifest 署名済み lockfile GET /api/skills/vercel-labs-next/lockfile

テストする

「next」を使用しています。 Outline a home and about application with a shared layout.

期待される結果:

The specification defines home and about routes with separate page titles.
Both routes reference one layout containing navigation and a Slot for page content.
The component registry must supply the custom components used by the specification.

「next」を使用しています。 Explain how a dynamic blog page loads data before rendering.

期待される結果:

The dynamic route uses a slug segment to identify the requested page.
An asynchronous server loader retrieves the post and returns page state.
The server component runs loaders and generates metadata before passing the resolved specification to the client renderer.
The application must implement its data access function and choose which fields may reach the client.

セキュリティ監査

安全

v1 • 2026/9/29 バージョン別レポートを開く

All 40 static findings are false positives caused by Markdown fences or inline code formatting, not Ruby or shell backtick execution. The source documents routine dependency installation and Next.js integration examples. No evidence found of prompt injection, credential theft, or malicious data transfer; dependency implementations were not included in this review.

スキャンされたファイル

195

解析済み行数

レビュー項目

誤検知を無視

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: codex

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/vercel-labs-next/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/vercel-labs-next/security.svg)](https://skillstore.io/skills/vercel-labs-next?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/vercel-labs-next?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vercel-labs-next/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/vercel-labs-next.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学術引用 (APA · BibTeX · CFF)

APA形式の引用

vercel-labs. (2026). next security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/vercel-labs-next/audits/1

BibTeX形式の引用

@techreport{vercel-labs-vercel-labs-next-2026,
  author = {vercel-labs},
  title = {next security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/vercel-labs-next/audits/1},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "next security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "vercel-labs"
date-released: "2026-09-29"
url: "https://skillstore.io/skills/vercel-labs-next/audits/1"
identifiers:
  - type: other
    value: "skillstore:vercel-labs-next:audit:1"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由証拠の信頼度: 中

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

Connect a JSON-driven frontend

Build shared layouts and route definitions, then connect the specification to Next.js page exports and a component registry.

Prototype multiple application pages

Translate a small application outline into JSON specifications with consistent navigation, page metadata, and shared layouts.

Integrate server-loaded page data

Plan asynchronous loaders, route matching, server rendering, and client hydration for pages backed by existing data services.

これらのプロンプトを試す

Understand the setup

Explain the minimum setup for using @json-render/next in my existing Next.js project. Identify required packages and missing application components.

Define a two-page specification

Draft a NextAppSpec for home and about pages using my existing registry. Include shared navigation, a layout Slot, and page metadata.

Connect server rendering

Integrate my specification with createNextApp and NextAppProvider. Show the catch-all route exports and identify any missing registry or handler definitions.

Review a dynamic content integration

Review my dynamic blog specification and server loader design. Check route patterns, metadata, static parameters, and layout Slots. Identify sensitive fields before client hydration.

ベストプラクティス

Include a Slot in every shared layout and verify that referenced components exist in your registry.
Keep server utilities and client components in their documented entry points.
Review loader return values for sensitive data before they become page state, and test dynamic routes in your application.

回避

Copying examples without implementing the referenced registry, handlers, and data access functions.
Defining shared layouts without a Slot for page content.
Assuming server-loaded data remains private after it is passed to the client renderer.

よくある質問

What does this skill provide?

It provides instructions and examples for integrating @json-render/next with a Next.js application. It does not bundle the renderer or a complete project.

Which AI tools can use it?

The marketplace lists support for Claude, Codex, and Claude Code.

What dependencies are required?

The quick start installs @json-render/core, @json-render/react, and @json-render/next. You also need a Next.js project and your application components.

Does it cover dynamic routes?

Yes. It documents static paths, dynamic segments, catch-all segments, and optional catch-all segments using Next.js route conventions.

How does server rendering work?

The documented Page component matches routes, runs server loaders, generates metadata, and passes the resolved specification to the client renderer for hydration.

Why is page content missing from my layout?

Check that the layout includes a Slot component. Also verify that the route references the intended layout and the registry supplies its custom components.

開発者情報

作成者

vercel-labs

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/vercel-labs/json-render/tree/c2600d73908ed505e6d726f5b6f969ba8f597ce7/skills/next

参照

bad9dafc37d1638cd29cb9bab06d5f8dbcd0f6c2

メンテナンスの新しさ

2026/9/30

利用状況

0 ダウンロード · 0 閲覧

ファイル構成

📄 SKILL.md