json-render-core

작성자: vercel

스키마 정의, 카탈로그 생성, AI 기반 JSON 렌더링을 위한 스펙 스트리밍. defineSchema와 defineCatalog를 사용하여 타입이 지정된 스펙과 컴포넌트 카탈로그로 스키마를 정의하고, 자동 또는 사용자 정의 규칙으로 AI 프롬프트를 생성합니다. 상태 바인딩($state, $bindState), 조건문($cond), 템플릿, 계산 함수를 포함한 동적 속성 표현식을 지원합니다. createSpecStreamCompiler를 사용하여 AI 응답을 JSONL 패치로 스트리밍하여 점진적인 스펙 빌드를 수행합니다. 내장된 검증,...

npx skills add https://github.com/vercel-labs/json-render --skill json-render-core

ZIP 다운로드 GitHub

이 스킬 사용해 보기스폰서

vercel의 다른 스킬

로컬 개발 및 테스트를 위한 Vercel REST API 에뮬레이션입니다. 사용자가 로컬에서 Vercel API 엔드포인트와 상호작용하거나 Vercel 통합을 테스트해야 할 때 사용합니다.

Vercel Cron Jobs 구성 및 모범 사례. vercel.json에서 예약된 작업을 추가, 편집 또는 디버깅할 때 사용합니다.

json-render을 위한 코드 생성 유틸리티입니다. UI 명세서에서 코드를 생성하거나, 사용자 정의 코드 내보내기를 구축하거나, 명세서를 탐색하거나, props를 직렬화할 때 사용합니다.

next-best-practice

Next.js 모범 사례 - 파일 규칙, RSC 경계, 데이터 패턴, 비동기 API, 메타데이터, 오류 처리, 라우트 핸들러, 이미지/폰트 최적화,…

benchmark-sandbox

Vercel Sandbox에서 vercel-plugin eval 시나리오를 로컬 WezTerm 패널 대신 실행합니다. Claude Code와 플러그인이 사전 설치된 임시 마이크로VM을 프로비저닝합니다.

점진적인 예제를 통해 실제 사용 사례를 가르치는 기술 가이드를 제작합니다. 개념은 독자가 필요로 할 때만 소개됩니다.

benchmark-testing

벤치마크 테스트 프로젝트를 생성하고 실행하여 실제 시나리오에서 vercel-plugin 스킬 인젝션을 테스트합니다. 격리된 디렉토리를 설정하고, 설치하며…

Vercel AI Gateway 전문가 안내. 모델 라우팅, 제공업체 장애 조치, 비용 추적 또는 통합된 방식을 통해 여러 AI 제공업체를 관리할 때 사용합니다.