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