Vercel 스킬

새로운 AI 함수 예제를 추가하기 위한 가이드로, 실제 제공자 API에 대해 특정 기능을 테스트하기 위한 것입니다.

새로운 AI 함수 예제를 추가하기 위한 가이드로, 실제 제공자 API에 대해 특정 기능을 테스트하기 위한 것입니다.

AI SDK에 새로운 AI 제공자 패키지를 추가하기 위한 가이드입니다. AI 서비스를 SDK에 통합하기 위해 새로운 @ai-sdk/<provider> 패키지를 생성할 때 사용하세요.

AI SDK에 새로운 AI 제공자 패키지를 추가하기 위한 가이드입니다. AI 서비스를 SDK에 통합하기 위해 새로운 @ai-sdk/<provider> 패키지를 생성할 때 사용하세요.

에이전트 코딩 워크플로우에 최적화된 아키텍처 결정 기록(ADR)을 생성하고 유지 관리합니다. 제안, 작성, 업데이트, 승인/거부 등이 필요할 때 사용하세요.

에이전트 코딩 워크플로에 최적화된 아키텍처 결정 기록(ADR)을 생성하고 유지 관리합니다. 제안, 작성, 업데이트, 승인/거부 등이 필요할 때 사용하세요.

웹 테스트, 양식 작성, 스크린샷, 데이터 추출을 위한 브라우저 상호작용을 자동화합니다.

웹 테스트, 양식 작성, 스크린샷, 데이터 추출을 위한 브라우저 상호작용을 자동화합니다. 사용자가 웹사이트를 탐색하거나 웹과 상호작용해야 할 때 사용하세요.

AI 에이전트를 위한 브라우저 자동화 CLI입니다. 사용자가 웹사이트와 상호작용하거나, 개발 서버 출력을 확인하거나, 웹 앱을 테스트하거나, 페이지를 탐색하거나, 양식을 작성해야 할 때 사용하세요.

AI 에이전트를 위한 브라우저 자동화 CLI입니다. 사용자가 웹사이트와 상호작용해야 할 때, 페이지 탐색, 양식 작성, 버튼 클릭, 스크린샷 촬영 등이 필요할 때 사용합니다.

AI 에이전트를 위한 브라우저 자동화 CLI입니다. 사용자가 웹사이트와 상호작용하거나, 개발 서버 출력을 확인하거나, 웹 앱을 테스트하거나, 페이지를 탐색하거나, 양식을 작성해야 할 때 사용하세요.

개발 서버를 위한 자동 브라우저 검증. dev 서버가 시작되면 agent-browser로 시각적 기본 점검을 실행하여 페이지 로딩을 확인합니다…

개발 서버를 위한 자동 브라우저 검증. dev 서버가 시작되면 agent-browser로 시각적 기본 점검을 실행하여 페이지 로딩을 확인합니다…

Vercel Academy의 Agent-Friendly APIs 코스를 위한 컴패니언 스킬입니다. 피드백 API를 구축하고, 구조화된 문서로 에이전트 친화적으로 만든 다음, 문서를 자동으로 생성하는 Claude Code 스킬을 만듭니다.

Python `ai` module — models, agents, hooks, middleware, MCP, structured output

터미널에서 AI 모델을 사용하여 텍스트, 이미지, 비디오를 생성합니다.

AI Elements 컴포넌트 라이브러리 가이드 — shadcn/ui 기반으로 구축된 AI 인터페이스용 사전 제작 React 컴포넌트입니다. 채팅 UI, 메시지 표시, 도구…

ai-elements 라이브러리를 위한 새로운 AI 채팅 인터페이스 컴포넌트를 기존의 컴포저블 패턴, shadcn/ui 통합, Vercel AI SDK를 따라 생성합니다…

AI 채팅 인터페이스를 위한 사전 구축된 React 컴포넌트로, shadcn/ui 및 AI SDK 기반으로 제작되었습니다. AI 네이티브 애플리케이션을 위해 설계된 대화, 메시지, 도구 표시 및 프롬프트 입력 컴포넌트를 포함합니다. CLI를 통해 프로젝트 코드베이스에 직접 설치되며, 표준 React 패턴으로 완전히 커스터마이징 및 확장 가능합니다. Next.js, AI SDK, shadcn/ui 및 Node.js 18+가 필요하며, Vercel의 AI Gateway와 원활히 통합되어 모델에 접근할 수 있습니다. 모든 컴포넌트는 표준 HTML 속성을 지원합니다...

AI Elements 컴포넌트 라이브러리 가이드 — shadcn/ui 기반으로 구축된 AI 인터페이스용 사전 제작 React 컴포넌트입니다. 채팅 UI, 메시지 표시, 도구…

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

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

AI 생성 지속성 패턴 — 모든 LLM 생성에 대한 고유 ID, 주소 지정 가능한 URL, 데이터베이스 저장소 및 비용 추적

AI 생성 지속성 패턴 — 모든 LLM 생성에 대한 고유 ID, 주소 지정 가능한 URL, 데이터베이스 저장소 및 비용 추적

Vercel AI SDK를 사용하여 AI 기반 애플리케이션을 구축하기 위한 참조 문서와 실습 가이드입니다. 텍스트 생성, 스트리밍, 도구 호출, 구조화된 출력, 임베딩, ToolLoopAgent를 사용한 에이전트 구축을 위한 핵심 API를 다룹니다. React 훅(useChat, useCompletion)과 Next.js, SvelteKit 및 기타 플랫폼을 위한 프레임워크별 패턴을 포함합니다. OpenAI, Anthropic, Google 등을 위한 제공자 통합 가이드와 통합 모델 액세스를 위한 AI Gateway 설정을 제공합니다...

AI SDK에 관한 질문에 답변하고 AI 기반 기능을 구축하는 데 도움을 줍니다. 개발자가 (1) generateText, streamText 등 AI SDK 함수에 대해 질문할 때 사용하세요.

Vercel AI SDK 전문 가이드. AI 기반 기능(채팅 인터페이스, 텍스트 생성, 구조화된 출력, 도구 호출, 에이전트, MCP 등)을 구축할 때 사용합니다.

AI SDK에 관한 질문에 답변하고 AI 기반 기능을 구축하는 데 도움을 줍니다. 개발자가 (1) generateText, streamText 등 AI SDK 함수에 대해 질문할 때 사용하세요.

AI SDK에 관한 질문에 답변하고 AI 기반 기능을 구축하는 데 도움을 줍니다. 개발자가 (1) generateText, streamText 등 AI SDK 함수에 대해 질문할 때 사용하세요.

Vercel AI SDK 전문가 가이드. AI 기반 기능(채팅 인터페이스, 텍스트 생성, 구조화된 출력, 도구 호출, 에이전트, MCP 등)을 구축할 때 사용합니다.

Next.js 번들 분석기 데이터를 NDJSON으로 변환하고 탐색합니다

로컬 개발 및 테스트를 위한 Apple 로그인 / Apple OIDC 에뮬레이션. 사용자가 로컬에서 Apple 로그인을 테스트하거나 Apple OIDC를 에뮬레이션해야 할 때 사용합니다…

Next.js 문서 RAG API에 주제를 질의합니다: $ARGUMENTS

인증 통합 가이드 — Clerk (네이티브 Vercel Marketplace), Descope, Auth0 설정 (Next.js 애플리케이션용). 미들웨어 인증 패턴, …

인증 통합 가이드 — Clerk (네이티브 Vercel Marketplace), Descope 및 Auth0 설정 (Next.js 애플리케이션용). 미들웨어 인증 패턴, …

.agents/skills/ 에서 에이전트 스킬을 생성하거나 수정할 때 이 스킬을 사용하세요.

CLI 도구로, AI 생성 설명을 기반으로 변경셋을 자동화하여 릴리즈합니다. 사용자가 패키지를 릴리즈하거나, 변경셋을 생성하거나, 버전을 올려야 할 때 사용합니다.

로컬 개발 및 테스트를 위한 에뮬레이션된 AWS 클라우드 서비스(S3, SQS, IAM, STS)입니다. 사용자가 로컬에서 AWS API 엔드포인트와 상호 작용하거나 S3를 테스트해야 할 때 사용하세요.

애니메이션 지속 시간을 검증하고, 타이포그래피 스케일을 적용하며, 컴포넌트 접근성을 확인하고, Tailwind CSS 프로젝트에서 레이아웃 안티패턴을 방지합니다. 다음 경우에 사용하세요…

두 개의 URL 또는 이미지 간 웹 페이지나 요소의 시각적 비교. 데스크톱, 모바일(375x812), 태블릿(768x1024) 뷰포트에서 스크린샷을 캡처하며, 선택적 전체 페이지 스크롤 지원. CSS 선택자를 사용해 특정 요소를 분리 가능하며, file://, http://, https:// URL 또는 로컬 이미지 경로를 허용. 자동 이미지 업로드를 통해 0x0.st(또는 GitHub Gist)에 마크다운 형식 출력을 생성하여 PR 통합을 용이하게 함. Vercel 배포 보호 감지 및 GitHub CLI 통합 포함...

고급 AI 에이전트 벤치마크 시나리오로, Vercel의 최첨단 플랫폼 기능인 Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox 등을 활용합니다.

고급 AI 에이전트 벤치마크 시나리오로, Vercel의 최첨단 플랫폼 기능인 Workflow DevKit, AI Gateway, MCP, Chat SDK, Queues, Flags, Sandbox 등을 활용합니다.

vercel-plugin을 위한 종단간 벤치마크 스위트입니다. 스킬 인젝션을 통해 실제 프로젝트를 실행하고, 개발 서버를 시작하며, 모든 것이 정상 작동하는지 확인하고, 분석합니다…

vercel-plugin을 위한 종단간 벤치마크 스위트입니다. 실제 프로젝트를 스킬 인젝션으로 실행하고, 개발 서버를 시작하며, 모든 것이 정상 작동하는지 확인하고, 분석합니다…

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

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

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

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

Vercel에 연결된 리소스(데이터베이스, 인증, 관리형 통합)에 의존하는 저장소를 위한 프로젝트 부트스트래핑 오케스트레이터입니다. 설정하거나...할 때 사용하세요.

Vercel에 연결된 리소스(데이터베이스, 인증, 관리형 통합)에 의존하는 저장소를 위한 프로젝트 부트스트래핑 오케스트레이터입니다. 설정하거나...할 때 사용하세요.

현대적이고 접근 가능하며 조합 가능한 UI 컴포넌트 구축을 위한 종합 가이드입니다. 컴포넌트 분류(프리미티브, 컴포넌트, 블록, 템플릿), 핵심 디자인 원칙, ARIA, 키보드 내비게이션, WCAG 준수를 포함한 접근성 구현을 다룹니다. 조합 가능한 API, 다형성, 제어/비제어 상태, 유연한 요소 구성을 위한 as-child 패턴에 대한 지침을 제공합니다. 디자인 토큰, 테마 시스템, 스타일링 접근법 및 사용에 대한 안내를 포함합니다.

API 응답 테스트 픽스처를 캡처합니다.

API 응답 테스트 픽스처를 저장하고 관리하여 제공자 파싱 검증을 수행합니다. 픽스처는 제공자 패키지 내 __fixtures__ 하위 폴더에 기존 예제에 문서화된 명명 규칙을 따라 구성됩니다. generateText(원시 응답을 콘솔에 기록하고 픽스처에 복사)와 streamText(includeRawChunks 및 saveRawChunks 헬퍼를 사용하여 스트리밍 청크 캡처) 두 가지 테스트 패턴을 지원합니다. 크기 제약으로 인해 의미 보존 절단이 필요한 경우를 제외하고는 실제 제공자 응답을 저장하는 것을 권장합니다...

Slack, Teams, Google Chat, Discord, Telegram, GitHub, Linear, WhatsApp에서 챗봇을 구축하기 위한 통합 TypeScript SDK입니다. 봇 로직을 한 번 작성하고 모든 곳에 배포하세요.

Vercel Chat SDK 전문가 가이드. Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear 등 멀티 플랫폼 챗봇을 구축할 때 사용합니다.

챗봇을 한 번 작성하면 Slack, Teams, Google Chat, Discord, GitHub, Linear에 배포할 수 있습니다. 통합 TypeScript SDK로 플랫폼에 구애받지 않는 이벤트 핸들러(멘션, 메시지, 반응, 슬래시 명령어, 액션)와 모든 플랫폼에서 정규화된 메시지 형식을 제공합니다. AI SDK 통합을 통한 AI 응답의 내장 스트리밍 지원과 버튼, 드롭다운, 폼 모달을 포함한 JSX 기반 인터랙티브 카드를 지원합니다. Redis, PostgreSQL 또는 인메모리 지속성을 위한 플러그형 상태 어댑터와 웹훅 핸들러를 제공합니다...

Vercel Chat SDK 전문가 가이드. Slack, Telegram, Microsoft Teams, Discord, Google Chat, GitHub, Linear 등 멀티 플랫폼 챗봇을 구축할 때 사용합니다.

Headless CMS 통합 가이드 — Sanity (네이티브 Vercel Marketplace), Contentful, DatoCMS, Storyblok, Builder.io. 스튜디오 설정, 콘텐츠 모델링, …

Headless CMS 통합 가이드 — Sanity (네이티브 Vercel Marketplace), Contentful, DatoCMS, Storyblok, Builder.io. 스튜디오 설정, 콘텐츠 모델링, …

코드 변경 사항을 검토하고 실행 가능한 피드백을 제공합니다. 사용자가 PR, diff, 커밋 또는 코드 변경 사항을 검토해 달라고 요청할 때 사용합니다. "/review", "review…"에서 트리거됩니다.

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

스키마 정의, 카탈로그 생성, json-render 스펙을 위한 AI 프롬프트 생성. defineSchema를 사용하여 타입이 지정된 스펙과 카탈로그로 스키마를 정의한 후, 컴포넌트 이름을 해당 props 및 설명에 매핑하는 카탈로그를 생성합니다. 선택적 사용자 정의 규칙을 사용하여 카탈로그에서 AI 시스템 프롬프트를 생성하며, createSpecStreamCompiler를 통해 JSONL 패치를 사용한 스펙 스트리밍을 지원합니다. 동적 prop 표현식은 상태 바인딩($state, $bindState), 조건문($cond), 템플릿($template) 등을 가능하게 합니다.

Create React App(CRA) 프로젝트를 Next.js로 마이그레이션하기 위한 종합 가이드입니다. CRA 앱을 마이그레이션하거나, React Router를 파일 기반 라우팅으로 전환할 때 사용하세요.

Geist 디자인 시스템 미학을 사용하여 Remotion 비디오를 생성합니다. Vercel의 스타일을 따라야 하는 비디오, 애니메이션 또는 모션 그래픽을 만들라는 요청을 받았을 때 사용하세요.

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

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

bash 도구를 사용하여 CSV 데이터를 분석하고 변환합니다.

독립형 AI 앱(Codex, Cursor, Claude Code)에서 d3k 부트스트랩: dev3000 감지/설치, d3k를 런타임으로 시작, 통합 로그 및 CDP 브라우저 사용…

조건부 require() 경로, Node 전용 임포트, 또는 엣지/런타임 분기를 변경할 때 이 스킬을 사용하세요.

deepsec(AI 기반 취약점 스캐너) 사용 — 스캔 실행, 프로젝트 구성, 매처 작성, 플러그인 제작. 사용자가 요청하면 활성화됩니다…

애플리케이션을 Vercel에 배포합니다. 사용자가 "deploy", "deploy to Vercel", "push to production", "deploy my app", 또는 "go live"라고 말할 때 사용하세요.

사용자가 자신의 Open Harness 복사본을 배포하는 데 필요한 자격 증명을 수집하고, 이 리포지토리를 Vercel에 배포하며, 첫 실행을 완료하도록 안내합니다…

애플리케이션과 웹사이트를 Vercel에 자동 git 통합 및 미리보기 URL과 함께 배포합니다. 세 가지 배포 경로를 지원합니다: git-push(연결된 프로젝트에 이상적), 직접 CLI 배포, 샌드박스 환경을 위한 인증 없는 대체 방식. 프로젝트 상태(.vercel/project.json 또는 .vercel/repo.json을 통한 연결 여부, git 원격 존재 여부, CLI 인증 상태)를 자동으로 감지하여 최적의 배포 방법을 선택합니다. 여러 팀 계정을 위한 팀 선택을 처리하고 --scope를 사용하여 올바른 팀에 배포합니다.

애플리케이션과 웹사이트를 Vercel에 배포합니다. 사용자가 "내 앱 배포해줘", "배포하고 링크 줘", "이거 푸시해줘…"와 같은 배포 작업을 요청할 때 사용하세요.

Vercel 배포 및 CI/CD 전문가 안내. 배포, 프로모션, 롤백, 배포 검사, --prebuilt로 빌드, 또는 CI 구성 시 사용합니다…

Vercel 배포 및 CI/CD 전문가 안내. 배포, 프로모션, 롤백, 배포 검사, --prebuilt로 빌드, 또는 CI 구성 시 사용합니다…

AI SDK 함수의 예제를 개발합니다. examples/ai-functions/src 아래에서 예제를 생성, 실행 또는 수정하여 제공자 지원을 검증할 때 사용합니다.

AI SDK 함수의 개발 및 검증 스크립트로, 여러 제공업체와 기능에 걸쳐 있습니다. 텍스트 생성, 스트리밍, 구조화된 출력, 임베딩, 이미지 생성, 음성, 전사, 재순위화, 에이전트 등 AI SDK 함수 카테고리별로 구성되어 있습니다. 파일 명명 규칙은 제공업체와 기능 조합을 매핑하여(예: openai-tool-call.ts, amazon-bedrock-anthropic-cache-control.ts) 빠른 식별이 가능합니다. 오류 처리, 환경 로딩 등을 위한 공유 유틸리티 헬퍼를 포함합니다.

모든 json-render 앱에 드롭인 방식으로 추가할 수 있는 인스펙터 패널입니다. 사용자가 생성형 UI를 디버깅하거나, 스펙 트리를 검사하거나, 런타임에 상태를 편집하거나, 전달된 내용을 확인하고자 할 때 사용합니다.

json-render용 사전 제작된 사용자 지정 지시문 — 서식, 수학, 문자열 조작 및 i18n. @json-render/directives 작업 시, 사용자 지정 정의 시 사용…

Vercel Edge Runtime에 대한 전문 가이드 — Vercel Edge Functions 및 Middleware를 위한 경량 JavaScript 런타임입니다. Edge를 구축하거나 구성할 때 사용하세요…

Electron 데스크톱 앱(VS Code, Slack, Discord, Figma, Notion, Spotify 등)을 Chrome DevTools Protocol을 통해 agent-browser로 자동화합니다. 사용자가 다음과 같은 경우 사용하세요.

이메일 전송 통합 가이드 — React Email 템플릿과 함께 Resend(네이티브 Vercel Marketplace) 사용. API 설정, 트랜잭션 이메일, 도메인…

이메일 전송 통합 가이드 — React Email 템플릿과 함께하는 Resend (네이티브 Vercel Marketplace). API 설정, 트랜잭셔널 이메일, 도메인…을 다룹니다.

이 스킬은 Emil Kowalski의 UI 폴리시, 컴포넌트 디자인, 애니메이션 결정, 그리고 소프트웨어를 훌륭하게 만드는 보이지 않는 세부 사항에 대한 철학을 인코딩합니다.

Vercel, GitHub, Google, Slack, Apple, Microsoft, AWS를 위한 로컬 드롭인 API 에뮬레이터입니다. 사용자가 에뮬레이션된 서비스를 시작하거나 시드를 구성해야 할 때 사용하세요.

Vercel 환경 변수 전문가 가이드. .env 파일, vercel env 명령어, OIDC 토큰을 사용하거나 환경별 구성을 관리할 때 사용합니다.

Vercel 환경 변수 전문가 가이드입니다. .env 파일, vercel env 명령어, OIDC 토큰을 사용하거나 환경별 구성을 관리할 때 사용하세요.

당신은 Vercel Academy의 Building Filesystem Agents 과정을 위한 지식이 풍부한 조교입니다. 학생들이 bash를 사용하여 파일 시스템을 탐색하는 에이전트를 구축하여 구조화된 데이터에 대한 질문에 답할 수 있도록 도와줍니다.

사용자가 확장된 기능이 필요할 때 오픈 생태계에서 특화된 에이전트 스킬을 발견하고 설치합니다. 사용자가 "X를 어떻게 하나요" 또는 "X를 위한 스킬을 찾아줘"라고 물을 때 도메인과 작업별로 관련 스킬을 식별하는 데 도움을 줍니다. Skills CLI(npx skills find, npx skills add)와 통합하여 skills.sh 디렉토리에서 패키지를 검색, 확인, 설치합니다. 설치 횟수, 소스 평판, GitHub 스타 수를 기준으로 스킬을 추천하여 설치 전 품질을 보장합니다. 스킬을 제시합니다...

Next.js 내부에서 프레임워크 기능 플래그를 추가하거나 변경할 때 이 스킬을 사용하세요.

Flags SDK(flags npm 패키지)는 Next.js 및 SvelteKit을 위한 기능 플래그 툴킷입니다. 각 기능 플래그를 호출 가능한 함수로 변환하며, 어댑터를 통해 모든 플래그 제공자와 작동하고, 사전 계산 패턴을 사용하여 페이지를 정적으로 유지합니다. Vercel Flags는 자사 제공자로서 Vercel 대시보드 또는 vercel flags CLI에서 플래그를 관리할 수 있게 해줍니다.

차별화된 프로덕션 수준의 프론트엔드 인터페이스를 높은 디자인 품질로 제작합니다. 사용자가 웹 컴포넌트, 페이지, 아티팩트 등을 구축해 달라고 요청할 때 이 스킬을 사용하세요.

차별화된 프로덕션 수준의 프론트엔드 인터페이스를 높은 디자인 품질로 제작합니다. 사용자가 웹 컴포넌트, 페이지, 아티팩트 등을 구축해 달라고 요청할 때 이 스킬을 사용하세요.

Geist, Vercel의 기본 타이포그래피 시스템이자 정밀한 Next.js 인터페이스를 위한 폰트 패밀리에 대한 전문 가이드입니다. Geist Sans, Geist Mono 또는…을 구성할 때 사용하세요.

Geist, Vercel의 기본 타이포그래피 시스템이자 정밀한 Next.js 인터페이스를 위한 폰트 패밀리에 대한 전문 가이드입니다. Geist Sans, Geist Mono 또는…을 구성할 때 사용하세요.

Next.js 앱으로 Geist 디자인 시스템을 사용하여 탐구적이고 상호작용적인 학습 경험을 구축합니다. 튜토리얼, 탐색 가능한 설명 등을 만들 때 사용하세요.

Geistdocs, Vercel의 문서 템플릿으로 Next.js와 Fumadocs로 구축되었으며, MDX 작성, 구성, AI 채팅, i18n, 피드백 등을 위한 전문 가이드를 제공합니다.

Geistdocs, Vercel의 문서 템플릿으로 Next.js와 Fumadocs로 구축되었으며, MDX 작성, 구성, AI 채팅, i18n, 피드백 등을 위한 전문 가이드를 제공합니다.

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

로컬 개발 및 테스트를 위한 에뮬레이션된 Google OAuth 2.0, OpenID Connect, Gmail, Calendar 및 Drive입니다. 사용자가 Google 로그인을 테스트해야 할 때 사용하세요.

json-render용 이미지 렌더러로, Satori를 통해 JSON 스펙을 SVG 및 PNG 이미지로 변환합니다. @json-render/image 작업 시, OG 이미지 생성 시 사용합니다.

Ink 터미널 렌더러로, JSON 사양을 대화형 터미널 UI로 변환합니다. @json-render/ink로 작업하거나 터미널 UI를 구축할 때 사용하세요.

Spin up a portless + tmux dev session for the Workflow SDK that gives each git worktree isolated `<branch>.<name>.localhost` URLs for the Next.js workbench and…

조율된 디버깅 코디네이터. 좌절 신호(막힘, 멈춤, 고장, 대기)에 반응하여 체계적으로 분류: 런타임 로그 → 워크플로 상태 →…

조율된 디버깅 코디네이터. 좌절 신호(막힘, 중단, 고장, 대기)에 반응하여 체계적으로 분류: 런타임 로그 → 워크플로 상태 →…

외로운 섬에서 구조되는 방법

외로운 섬에서 구조되는 방법

json-render의 StateStore 인터페이스를 위한 Jotai 어댑터입니다. @json-render/jotai를 통해 Jotai와 json-render를 통합하여 상태 관리를 할 때 사용하세요.

AI 채팅 응답 렌더링 가이드 — UIMessage 부분 처리, 도구 호출 표시, 스트리밍 상태 및 구조화된 데이터 프레젠테이션. 구축 시 사용…

AI 채팅 응답 렌더링 가이드 — UIMessage 부분, 도구 호출 표시, 스트리밍 상태 및 구조화된 데이터 프레젠테이션 처리. 구축 시 사용…

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

json-render을 위한 이미지 렌더러로, Satori를 통해 JSON 스펙을 SVG 및 PNG 이미지로 변환합니다. @json-render/image를 사용할 때, OG 이미지를 생성하는 등의 작업에 활용하세요.

JSON 사양을 타입 안전한 React 컴포넌트 트리로 변환하며, 상태 관리와 동적 표현식을 지원합니다. 요소 트리, $bindState를 통한 양방향 데이터 바인딩, 조건부 렌더링, 계산된 표현식을 갖춘 선언적 UI 사양을 지원합니다. StateProvider를 통한 내장 상태 관리와 선택적 외부 스토어 통합(Redux, Zustand, XState) 및 JSON 포인터 기반 상태 경로를 제공합니다. 액션 디스패칭, 상태 감시자, setState 등 네 가지 내장 액션을 포함한 이벤트 시스템을 갖추고 있습니다.

React Email 렌더러로, json-render를 위해 JSON 스펙을 @react-email/components와 @react-email/render를 사용하여 HTML 또는 일반 텍스트 이메일로 변환합니다. 사용 시점은...

React Native 렌더러로, json-render의 JSON 스펙을 네이티브 모바일 UI로 변환합니다. @json-render/react-native를 사용하거나 React Native UI를 구축할 때 활용하세요.

json-render를 위한 Remotion 렌더러로, JSON 타임라인 스펙을 비디오로 변환합니다. @json-render/remotion을 사용하거나 그로부터 비디오 구성을 빌드할 때 사용하세요.

json-render를 위한 사전 구축된 shadcn/ui 컴포넌트입니다. @json-render/shadcn을 사용할 때, 카탈로그에 표준 UI 컴포넌트를 추가하거나, 웹 UI를 구축할 때 사용합니다.

LLM의 Vercel 플랫폼에 대한 오래된 지식을 수정하고 새로운 제품을 소개합니다. 세션 시작 시 주입됩니다.

LLM이 보유한 Vercel 플랫폼에 대한 오래된 지식을 수정하고 새로운 제품을 소개합니다. 세션 시작 시 주입됩니다.

npm 패키지 tarball의 내용을 게시 전에 나열합니다. 사용자가 npm 번들에 포함된 파일을 확인하거나 패키지를 검증하려 할 때 사용합니다.

npm 패키지 tarball 내용을 게시 전에 검사하여 어떤 파일이 배포될지 확인합니다. npm에 업로드될 정확한 파일 목록을 보여주어, 게시 전에 누락되거나 불필요한 포함 항목을 발견하는 데 도움을 줍니다. package.json의 files 필드, .npmignore 및 .gitignore 규칙을 존중하여 실제 번들 내용을 표시합니다. 단일 명령으로 패키지를 자동 빌드하고, tarball을 생성하며, 내용을 표시하고, 정리까지 수행합니다. 간단한 bash 스크립트로 패키지 디렉토리에서 실행 가능하며, 유용합니다...

Vercel 배포 로그를 확인합니다. 사용자가 "로그 보여줘", "로그 확인해줘", "vercel 로그", "배포에서 뭐가 잘못됐어"라고 말할 때 사용하세요.

다음 AI SDK 주요 릴리스를 작업하기 위한 컨텍스트입니다. 사용자가 명시적으로 호출할 때만 사용하세요(예: '/major-version-mode'를 통해). 트리거하지 마십시오…

다음 AI SDK 주요 릴리즈 작업을 위한 컨텍스트입니다. 사용자가 명시적으로 호출할 때만 사용하세요(예: '/major-version-mode'). 트리거하지 마십시오…

Vercel Marketplace 전문가 가이드 — 통합 기능 검색, 설치 및 구축, 자동 프로비저닝된 환경 변수, 통합 결제 등

Vercel Marketplace 전문가 안내 — 통합 기능 검색, 설치 및 구축, 자동 프로비저닝된 환경 변수, 통합 결제 등

Sitecore Marketplace 앱에 AI Skills 통합(브랜드 리뷰 API)을 추가합니다. 사용자가 AI 기반 콘텐츠 분석, 브랜드 리뷰 또는 브랜드…를 추가하려는 경우 사용합니다.

Sitecore Marketplace 앱에 새로운 확장 포인트 경로를 추가합니다. 사용자가 사용자 정의 필드, 대시보드 위젯, 컨텍스트 패널, 전체 화면 등을 추가하려는 경우 사용합니다.

Sitecore Marketplace 앱에 XM Cloud API 통합을 추가합니다. 사용자가 사이트, 페이지, 작성, 콘텐츠 전송, 검색 또는 에이전트 API에 액세스하려는 경우 사용합니다…

Blok 디자인 시스템을 사용하여 Sitecore Marketplace 앱용 UI 구성 요소를 빌드합니다. 사용자가 UI를 만들거나, 구성 요소를 추가하거나, 페이지 레이아웃을 구축하거나...

Sitecore Marketplace 앱을 올바른 CSP 헤더 및 구성과 함께 Vercel에 배포합니다.

공식 SDK를 사용하여 새로운 Sitecore Marketplace 앱을 스캐폴딩합니다. 사용자가 새 마켓플레이스 앱을 만들거나, 새 Sitecore 프로젝트를 시작하거나…

Sitecore Marketplace SDK API 참조. 사용자가 SDK 메서드, 유형, 쿼리, 변이, 구독 또는 Sitecore 사용 방법에 대해 질문할 때 사용합니다.

MCP Apps와 json-render 통합. Claude, ChatGPT, Cursor 또는 VS Code에서 대화형 UI를 렌더링하는 MCP 서버를 구축하거나 통합할 때 사용합니다.

Vercel의 비동기 HTTP 마이크로서비스 프레임워크인 micro에 대한 전문 가이드입니다. 경량 HTTP 서버, API 엔드포인트 또는 마이크로서비스를 구축할 때 사용하세요.

Vercel의 비동기 HTTP 마이크로서비스 프레임워크인 micro에 대한 전문 가이드입니다. 경량 HTTP 서버, API 엔드포인트 또는 마이크로서비스를 구축할 때 사용하세요…

로컬 개발 및 테스트를 위한 에뮬레이션된 Microsoft Entra ID(Azure AD) OAuth 2.0 / OpenID Connect입니다. 사용자가 로컬에서 Microsoft 로그인을 테스트해야 할 때 사용합니다.

Temporal, Inngest, Trigger.dev 및 AWS Step Functions 워크플로를 Workflow SDK로 마이그레이션합니다. Activities, Workers, Signals, step.run() 등을 포팅할 때 사용합니다.

@vercel/ncc에 대한 전문 가이드 — 모든 종속성을 포함하여 Node.js 모듈을 단일 파일로 컴파일하는 간단한 CLI입니다. 서버리스 번들링 시 사용하세요…

Next.js 앱에 에뮬레이터를 직접 임베드하기 위한 Next.js 어댑터로, @emulators/adapter-next를 통해 제공됩니다. 사용자가 Next.js에 에뮬레이터를 임베드해야 하거나 설정이 필요할 때 사용하세요.

Next.js 렌더러로, JSON 명세를 라우트, 레이아웃, SSR, 메타데이터를 갖춘 완전한 Next.js 애플리케이션으로 변환합니다. 작업 시 사용...

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

Next.js 개발 전반에 걸친 포괄적인 가이드라인으로, 파일 구조, RSC 패턴, 데이터 페칭, 최적화, 오류 처리 등을 다룹니다. 파일 규칙, 라우트 세그먼트, RSC 경계, 비동기 패턴, 메타데이터 생성, 이미지/폰트 최적화 등 15개 이상의 주제 영역을 포함합니다. 런타임 선택 가이드, 지시문 사용법, error.tsx 및 not-found.tsx와 같은 특정 파일 규칙을 통한 오류 처리 전략을 제공합니다. 데이터 페칭 패턴, 라우트 핸들러 모범 사례 등을 포함합니다.

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

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

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

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

next-browser가 이미 PATH에 없으면, 사용자의 패키지 매니저로 @vercel/next-browser를 전역 설치한 후 playwright install chromium을 실행하세요.

Partial Prerendering을 사용하여 단일 Next.js 라우트에서 정적, 캐시된, 동적 콘텐츠를 혼합합니다. next.config.ts에서 cacheComponents: true로 활성화하며, 이전 experimental.ppr 플래그를 대체합니다. 파일, 컴포넌트 또는 함수 수준에서 'use cache' 지시문을 사용하여 인수와 클로저를 기반으로 자동 키 생성으로 비동기 데이터를 캐시합니다. 내장 프로필('minutes', 'hours', 'days', 'weeks', 'max') 또는 stale을 포함한 인라인 구성을 사용하여 cacheLife()로 캐시 수명을 제어합니다.

Next.js 16 캐시 컴포넌트 - PPR, use cache 지시어, cacheLife, cacheTag, updateTag

Next.js 16 캐시 컴포넌트 가이드 — PPR, use cache 지시어, cacheLife, cacheTag, updateTag, unstable_cache에서 마이그레이션. 구현 시 사용…

Next.js 16 캐시 컴포넌트 - PPR, use cache 지시어, cacheLife, cacheTag, updateTag

Next.js 16 캐시 컴포넌트 - PPR, use cache 지시어, cacheLife, cacheTag, updateTag

Next.js 16 캐시 컴포넌트 가이드 — PPR, use cache 지시어, cacheLife, cacheTag, updateTag, unstable_cache에서 마이그레이션. 구현 시 사용…

Check Next.js compilation errors via a running dev server. Turbopack only. MANDATORY after every code edit before reporting work complete. Replaces `next…

next-forge expert guidance — production-grade Turborepo monorepo SaaS starter by Vercel. Use when working in a next-forge project, scaffolding with `npx…

next-forge에 대한 전문 지원 — Next.js SaaS 앱을 위한 프로덕션 등급 Turborepo 템플릿입니다. next-forge 설치, 설정에 관한 질문에 트리거됩니다…

next-forge expert guidance — production-grade Turborepo monorepo SaaS starter by Vercel. Use when working in a next-forge project, scaffolding with `npx…

Next.js 버전 업그레이드를 공식 codemods와 마이그레이션 가이드 통합으로 자동화합니다. package.json에서 현재 Next.js 버전을 감지하고 공식 가이드에서 버전별 업그레이드 문서를 가져옵니다. 비동기 Request API, geo/IP 속성 마이그레이션, 동적 import 변환과 같은 주요 변경 사항을 처리하기 위해 Next.js codemods를 자동으로 실행합니다. 주요 버전 점프(예: 13 → 14 → 15)에 대한 증분 업그레이드를 처리하고 피어 의존성(React, React DOM 등)을 업데이트합니다.

공식 마이그레이션 가이드와 코드모드를 따라 Next.js를 최신 버전으로 업그레이드합니다.

Next.js를 공식 마이그레이션 가이드와 코더모드를 따라 최신 버전으로 업그레이드합니다. Next.js 버전 업그레이드, 코더모드 실행 또는 마이그레이션 시 사용합니다…

공식 마이그레이션 가이드와 코드모드를 따라 Next.js를 최신 버전으로 업그레이드합니다.

공식 마이그레이션 가이드와 codemods를 따라 Next.js를 최신 버전으로 업그레이드합니다.

Next.js를 공식 마이그레이션 가이드와 코더모드를 따라 최신 버전으로 업그레이드합니다. Next.js 버전 업그레이드, 코더모드 실행 또는 마이그레이션 시 사용합니다…

Next.js App Router 전문 가이드. Next.js 애플리케이션을 구축, 디버깅 또는 설계할 때 사용 — 라우팅, 서버 컴포넌트, 서버 액션, 캐시…

Next.js App Router 전문 가이드. Next.js 애플리케이션을 구축, 디버깅 또는 설계할 때 사용 — 라우팅, 서버 컴포넌트, 서버 액션, 캐시…

OAuth 제공자(Google, Apple, Microsoft, Facebook, GitHub 등)를 포트리스 로컬 개발 URL과 함께 작동하도록 구성합니다. OAuth 리디렉션 URI를 설정할 때 사용합니다.

Vercel Observability 전문 가이드 — 드레인(로그, 트레이스, 속도 인사이트, 웹 분석), 웹 분석, 속도 인사이트, 런타임 로그, 커스텀 이벤트,…

Vercel Observability 전문 가이드 — 드레인(로그, 트레이스, 속도 인사이트, 웹 분석), 웹 분석, 속도 인사이트, 런타임 로그, 사용자 정의 이벤트,…

의존성 소스 코드를 가져와 AI 에이전트에 더 깊은 구현 컨텍스트를 제공합니다. 에이전트가 라이브러리의 내부 작동 방식을 이해해야 할 때 사용하며, 읽기…

Stripe 결제 통합 가이드 — 네이티브 Vercel 마켓플레이스 설정, 체크아웃 세션, 웹훅 처리, 구독 결제, Stripe SDK. 다음 상황에서 사용하세요…

Stripe 결제 통합 가이드 — 네이티브 Vercel 마켓플레이스 설정, 체크아웃 세션, 웹훅 처리, 구독 결제, Stripe SDK. 다음 경우에 사용하세요…

비사소한 작업을 구현하기 전에 전체적이고 시스템을 고려한 계획을 수립합니다. 새로운 기능, 아키텍처 결정, 여러 파일 변경 등이 포함된 작업에 사용하세요.

실제 프로젝트에서 vercel-plugin 성능을 감사합니다. Claude Code 대화 로그에서 도구 호출을 추출하고, 실제 입력에 대해 훅 매칭을 테스트합니다…

실제 프로젝트에서 vercel-plugin 성능을 감사합니다. Claude Code 대화 로그에서 도구 호출을 추출하고, 실제 입력에 대해 훅 매칭을 테스트합니다…

개발 서버용 .localhost URL을 제공하여 포트 충돌과 하드코딩된 포트 번호를 제거합니다. 4000~4999 범위의 무작위 사용 가능 포트를 자동 할당하고, 명명된 서브도메인(예: myapp.localhost:1355)을 리버스 프록시를 통해 포트 1355의 올바른 앱으로 라우팅합니다. Git 워크트리를 자동 감지하여 브랜치 이름을 서브도메인 접두사로 추가하므로 설정 변경 없이 각 워크트리에 고유한 URL이 부여됩니다. 자동 생성된 로컬 CA 인증서로 HTTPS를 통한 HTTP/2를 지원하며, 프록시용 CLI 명령어를 포함합니다...

사용자가 Next.js 모노레포의 PR 상태, CI 실패 또는 리뷰 코멘트에 대해 물을 때 이 스킬을 사용하세요.

최소한의 WebGPU 셰이더 라이브러리로, 크리에이티브 코딩 및 실시간 그래픽을 위한 도구입니다. 전체 화면 패스, 파티클, 컴퓨트 셰이더, 렌더 타겟, 핑퐁 등을 제공합니다.

JSON 명세를 타입 안전한 props와 상태 관리를 갖춘 React 컴포넌트 트리로 변환합니다. Zod 스키마로 컴포넌트 props에 대한 카탈로그를 정의한 후, 자동 타입 안전성과 검증을 통해 컴포넌트를 구현합니다. StateProvider를 통한 내장 상태 관리로 양방향 바인딩($bindState), 조건부 렌더링, 외부 스토어 통합(Redux, Zustand, XState)을 지원합니다. 액션 디스패칭, 상태 감시자, 네 가지 내장 액션(setState, pushState, removeState, ...)을 포함한 이벤트 시스템을 제공합니다.

Vercel Engineering의 React 및 Next.js 성능 최적화 가이드라인입니다. 이 스킬은 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 최적의 성능 패턴을 보장하기 위해 사용해야 합니다. React 컴포넌트, Next.js 페이지, 데이터 페칭, 번들 최적화 또는 성능 개선과 관련된 작업에서 트리거됩니다.

TSX 파일을 위한 React 모범 사례 리뷰어입니다. 여러 TSX 컴포넌트를 편집한 후 컴포넌트 구조를 포함한 간결한 품질 체크리스트를 실행합니다.

TSX 파일을 위한 React 모범 사례 리뷰어입니다. 여러 TSX 컴포넌트를 편집한 후 컴포넌트 구조를 포함한 간결한 품질 체크리스트를 실행합니다.

json-render용 React Email 렌더러로, @react-email/components와 @react-email/render를 사용하여 JSON 사양을 HTML 또는 일반 텍스트 이메일로 변환합니다. 다음 경우에 사용하세요…

json-render용 React Native 렌더러로, JSON 사양을 네이티브 모바일 UI로 변환합니다. @json-render/react-native 작업 시, React Native UI 구축 시 사용합니다.

React PDF 렌더러 for json-render. JSON 스펙에서 PDF 문서를 생성하거나, @json-render/react-pdf로 작업하거나, 스펙을 PDF로 렌더링할 때 사용합니다…

React Three Fiber 3D 렌더러 for json-render. @json-render/react-three-fiber로 작업할 때, JSON 사양에서 3D 장면을 구축하고 렌더링할 때 사용합니다…

벤더링된 React, react-server-dom-webpack/* 또는 react-server 레이어 경계에 영향을 미치는 변경 사항에 이 스킬을 사용하세요.

Redux 어댑터로, json-render의 StateStore 인터페이스를 위한 것입니다. @json-render/redux를 통해 Redux 또는 Redux Toolkit과 json-render를 통합할 때 사용합니다.

Vercel-plugin 릴리스 — 게이트 실행, 버전 업, 아티팩트 생성, 커밋 및 푸시. "릴리스", "배포", "버전 업 및 푸시", "릴리스 생성" 요청 시 사용합니다.

Vercel-plugin 릴리스 — 게이트 실행, 버전 업, 아티팩트 생성, 커밋 및 푸시. "릴리스", "배포", "버전 업 및 푸시", "릴리스 생성" 요청 시 사용.

JSON 타임라인 스펙을 비디오로 변환하는 json-render용 Remotion 렌더러입니다. @json-render/remotion으로 작업하거나 비디오 구성을 만들 때 사용합니다.

Remotion - React에서 비디오 생성을 위한 모범 사례

Open Harness 호스팅 데모의 제한 사항을 포크에서 제거합니다. 유지보수자가 관리형 템플릿 평가판 한도, 호스팅 배포 게이팅 등을 제거하려는 경우 사용합니다.

로컬 개발 및 테스트를 위한 Resend 이메일 API 에뮬레이션. 사용자가 로컬에서 이메일을 보내거나, 트랜잭션 이메일 흐름을 테스트하거나, 매직 링크를 구현해야 할 때 사용합니다.

이 스킬은 프리페치 요청, 클라이언트 라우터 탐색 또는 세그먼트 캐시와 관련된 테스트를 작성하거나 수정할 때 사용하세요. test/lib/router-act.ts의 createRouterAct 유틸리티를 사용하면 요청 수나 프로토콜 세부 사항에 구애받지 않고 엔드투엔드 방식으로 프리페치 및 탐색 응답을 검증할 수 있습니다. 이것이 대부분의 클라이언트 라우터 관련 테스트에서 이 패턴을 사용하는 이유입니다.

Vercel 라우팅 미들웨어 가이드 — 캐시, 재작성, 리디렉션, 개인화 전의 요청 가로채기. 모든 프레임워크와 호환. Edge, Node.js 지원…

Vercel 라우팅 미들웨어 가이드 — 캐시, 재작성, 리디렉션, 개인화 전의 요청 가로채기. 모든 프레임워크와 호환. Edge, Node.js 지원…

Vercel Runtime Cache API 안내 — 태그 기반 무효화가 가능한 임시적인 지역별 키-값 캐시입니다. Functions, Routing Middleware 및 Builds에서 공유됩니다.…

Vercel Runtime Cache API 안내 — 태그 기반 무효화가 가능한 임시적인 지역별 키-값 캐시입니다. Functions, Routing Middleware 및 Builds에서 공유됩니다.…

런타임 번들, 모듈 해상도 또는 사용자 번들 포함 회귀를 재현할 때 이 스킬을 사용하세요.

Vercel Sandbox SDK를 사용하여 격리된 Linux MicroVM을 생성합니다. 코드 실행 환경을 구축하거나, 신뢰할 수 없는 코드를 실행하거나, 개발 서버를 시작할 때 사용하세요.

Satori — Vercel의 HTML과 CSS를 SVG로 변환하는 라이브러리로, Next.js 및 기타 프레임워크에서 동적 OG 이미지를 생성하는 데 주로 사용됩니다.

Satori — Vercel의 HTML과 CSS를 SVG로 변환하는 라이브러리로, Next.js 및 기타 프레임워크에서 동적 OG 이미지를 생성하는 데 주로 사용됩니다.

Vercel CLI 및 프로젝트 구성을 설정합니다. 사용자가 "Vercel 설정", "Vercel 구성", "Vercel에 연결", "vercel init"이라고 말할 때 사용합니다.

json-render용 사전 구축된 shadcn/ui 컴포넌트입니다. @json-render/shadcn 작업 시, 카탈로그에 표준 UI 컴포넌트를 추가하거나 웹 UI를 구축할 때 사용합니다.

shadcn/ui 전문 가이드 — CLI, 컴포넌트 설치, 구성 패턴, 사용자 정의 레지스트리, 테마 설정, Tailwind CSS 통합 및 고품질 인터페이스…

shadcn/ui 전문 가이드 — CLI, 컴포넌트 설치, 구성 패턴, 사용자 정의 레지스트리, 테마 설정, Tailwind CSS 통합 및 고품질 인터페이스…

Pre-built shadcn-svelte components for json-render Svelte apps. Use when working with @json-render/shadcn-svelte, adding standard UI components to a Svelte…

Vercel 로그인 안내 — Vercel 계정을 통한 사용자 인증을 위한 OAuth 2.0/OIDC ID 제공자. Vercel을 사용한 사용자 로그인 구현 시 사용…

Vercel 로그인 안내 — Vercel 계정을 통한 사용자 인증을 위한 OAuth 2.0/OIDC ID 제공자. Vercel을 사용한 사용자 로그인 구현 시 사용…

효과적인 스킬을 만들기 위한 가이드입니다. 사용자가 Claude의 기능을 확장하는 새 스킬을 만들거나 기존 스킬을 업데이트하려 할 때 이 스킬을 사용해야 합니다.

효과적인 스킬을 만들기 위한 가이드입니다. 사용자가 Claude의 기능을 확장하는 새 스킬을 만들거나 기존 스킬을 업데이트하려 할 때 이 스킬을 사용해야 합니다.

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

Slack 에이전트/봇 코드, Chat SDK 애플리케이션, Bolt for JavaScript 프로젝트, 또는 @chat-adapter/slack이나 @slack/bolt를 사용하는 프로젝트에서 작업할 때 사용합니다. 제공…

SolidJS 렌더러 for json-render. @json-render/solid 카탈로그/레지스트리 구축, Renderer 프로바이더 연결, 바인딩/액션 구현 시 사용합니다.

Streamdown 스트리밍 마크다운 전문 가이드. AI 모델에서 스트리밍 마크다운을 렌더링하거나, 실시간 콘텐츠가 포함된 채팅 UI를 구축하거나, 또는 대체할 때 사용합니다.

스트리밍 최적화 React Markdown 렌더러로, 구문 강조, 다이어그램, 수식 및 AI 채팅 통합을 지원합니다. Shiki를 통한 코드 구문 강조(200개 이상 언어), Mermaid 다이어그램, LaTeX 수식 렌더링, CJK 텍스트 지원 등 네 가지 선택적 플러그인을 제공합니다. 두 가지 렌더링 모드: 스트리밍(AI 채팅용 애니메이션 커서 포함) 및 정적(블로그 및 문서용) 모드. 링크 안전 모달, HTML 태그 필터링, URL 살균, 구성 가능한 요소 등 내장 보안 기능을 갖추고 있습니다.

로컬 개발 및 테스트를 위한 Stripe API 에뮬레이션입니다. 사용자가 로컬에서 결제를 처리하거나, 체크아웃 흐름을 테스트하거나, 고객을 생성하거나, 관리해야 할 때 사용하세요.

styled-jsx에 대한 전문 가이드 — React 및 Next.js를 위한 범위 지정 CSS-in-JS입니다. styled-jsx babel 플러그인을 사용하여 컴포넌트 범위 스타일을 작성할 때 사용하세요.

Svelte 5 렌더러로, JSON 사양을 Svelte 컴포넌트 트리로 변환합니다. @json-render/svelte를 사용하거나 JSON으로 Svelte UI를 구축할 때 사용하세요.

SWR 데이터 페칭 전문가 안내. 클라이언트 측 데이터 페칭, 캐싱, 재검증, 변이, 낙관적 UI, 페이지네이션 등을 사용하여 React 앱을 구축할 때 사용합니다.

SWR 데이터 페칭 전문가 안내. 클라이언트 측 데이터 페칭, 캐싱, 재검증, 변이, 낙관적 UI, 페이지네이션 등을 사용하여 React 앱을 구축할 때 사용합니다.

bash 도구를 사용하여 텍스트 파일을 분석하고 변환합니다

Turbopack 전문 가이드. Next.js 번들러 구성, HMR 최적화, 빌드 문제 디버깅, 또는 Turbopack과 Webpack의 차이점 이해 시 사용합니다.

Turbopack 전문 가이드. Next.js 번들러 구성, HMR 최적화, 빌드 문제 디버깅, 또는 Turbopack과 Webpack의 차이점 이해 시 사용합니다.

Turborepo 전문 가이드. 모노레포 빌드 설정 또는 최적화, 태스크 캐싱 구성, 원격 캐싱, 병렬 실행, --affected… 사용 시 활용하세요.

JavaScript/TypeScript 모노레포를 위한 빌드 시스템입니다. Turborepo는 태스크 출력을 캐싱하고 의존성 그래프를 기반으로 태스크를 병렬로 실행합니다.

JavaScript/TypeScript 모노레포를 위한 빌드 시스템입니다. Turborepo는 태스크 출력을 캐싱하고 의존성 그래프를 기반으로 태스크를 병렬로 실행합니다.

지능형 작업 캐싱, 병렬 실행, 의존성 그래프 오케스트레이션을 갖춘 모노레포 빌드 시스템입니다. 작업 출력을 캐싱하고 선언된 의존성에 따라 작업을 병렬로 실행하며, CI/CD 워크플로를 위한 원격 캐싱을 지원합니다. --affected를 사용하여 변경된 패키지만 필터링 및 실행하거나, --filter를 사용하여 사용자 정의 패키지를 선택할 수 있습니다. turbo.json에서 dependsOn, outputs, inputs, env 키를 사용하여 작업을 구성하며, 패키지 구성을 통해 패키지별 재정의를 지원합니다. 모노레포를 강제합니다...

Turborepo 전문 가이드. 모노레포 빌드 설정 또는 최적화, 태스크 캐싱 구성, 원격 캐싱, 병렬 실행, --affected… 사용 시 활용하세요.

클로닝이 필요할 때:

Next.js 문서를 코드 변경 및 PR 리뷰에 따라 업데이트하기 위한 안내 워크플로우입니다. Git diff를 분석하여 코드-문서 매핑 참조를 통해 영향을 받는 문서 파일을 식별합니다. 새로운 기능 문서(컴포넌트, 함수, 설정, 가이드, 파일 규칙)를 스캐폴딩하기 위한 템플릿과 규칙을 제공합니다. 각 변경 전 사용자 확인을 통해 기존 문서를 단계별로 업데이트합니다. 형식 검증을 위한 검증 체크리스트와 린팅 명령어를 포함합니다...

기존 AI SDK 제공업체에 새 모델 ID를 추가하거나 사용되지 않는 모델 ID를 제거합니다. 제공업체에 모델을 추가하거나, 사용되지 않는 모델을 제거하거나, 목록을 처리할 때 사용합니다.

기존 AI SDK 제공업체에 새 모델 ID를 추가하거나 사용되지 않는 모델 ID를 제거합니다. 제공업체에 모델을 추가하거나, 사용되지 않는 모델을 제거하거나, 목록을 처리할 때 사용합니다.

v0 by Vercel 전문가 안내. AI 코드 생성, 프롬프트에서 UI 컴포넌트 생성, v0 CLI 사용법, v0 SDK/API 통합 등을 논의할 때 사용하세요.

v0 by Vercel 전문가 안내. AI 코드 생성, 프롬프트에서 UI 컴포넌트 생성, v0 CLI 사용법, v0 SDK/API 통합 등을 논의할 때 사용하세요.

Next.js 서버 내부에서 성능이 중요한 코드 경로, 특히 렌더링, 스트리밍, 라우팅, 캐싱과 같은 요청별 핫 경로를 작성하거나 최적화할 때 이 스킬을 사용하세요.

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

애플리케이션과 웹사이트를 Vercel에 배포합니다. 사용자가 "내 앱 배포", "이것을 프로덕션에 배포", "프리뷰 배포 생성", "배포하고 링크를 줘", 또는 "이것을 라이브로 푸시"와 같은 배포 작업을 요청할 때 이 스킬을 사용하세요. 인증이 필요하지 않으며, 프리뷰 URL과 클레임 가능한 배포 링크를 반환합니다.

Vercel Agent 가이드 — AI 기반 코드 리뷰, 인시던트 조사, SDK 설치. PR 분석 및 이상 징후 디버깅을 자동화합니다. 구성 시 사용…

Vercel Agent 가이드 — AI 기반 코드 리뷰, 인시던트 조사, SDK 설치. PR 분석 및 이상 징후 디버깅을 자동화합니다. 구성 시 사용…

Vercel AI SDK (Python) - 스트리밍, 도구, 훅 및 구조화된 출력을 사용하여 LLM 기반 앱을 구축하기 위한 패턴

Vercel MCP 및 REST API 전문가 안내. 에이전트가 Vercel 프로젝트, 배포, 환경 변수, 도메인, 로그 등에 실시간 접근이 필요할 때 사용합니다.

Vercel MCP 및 REST API 전문가 안내. 에이전트가 Vercel 프로젝트, 배포, 환경 변수, 도메인, 로그 등에 실시간 접근이 필요할 때 사용합니다.

Vercel에서 명령줄로 프로젝트를 배포, 관리 및 개발합니다.

Vercel CLI 전문 가이드. 배포, 환경 변수 관리, 프로젝트 연결, 로그 확인, 메트릭 조회, 도메인 관리 시 사용하거나…

로컬 및 CI/CD 파이프라인에서 Vercel 프로젝트를 배포, 관리, 개발하기 위한 명령줄 인터페이스입니다. vercel link(단일 프로젝트) 또는 vercel link --repo(모노레포)를 통한 명시적 프로젝트 연결이 필요하며, 명령은 .vercel/ 폴더가 포함된 디렉터리에서 실행해야 합니다. 핵심 워크플로: 로컬 개발용 vercel dev, 미리보기 배포용 vercel deploy, 프로덕션용 vercel --prod. 환경 변수, 도메인, DNS, 블롭 스토리지, 통합, Node.js 백엔드 등을 지원합니다.

Vercel에서 토큰 기반 인증을 사용하여 프로젝트를 배포하고 관리합니다. 액세스 토큰을 사용해 대화형 로그인 없이 Vercel CLI로 작업할 때 사용합니다 —…

Vercel에서 토큰 기반 인증을 사용하여 프로젝트를 배포하고 관리합니다. 액세스 토큰을 사용해 대화형 로그인 없이 Vercel CLI로 작업할 때 사용합니다 —…

React 컴포지션 패턴으로 컴포넌트 확장과 불리언 prop 증가를 방지합니다. 컴포넌트 아키텍처, 상태 관리, 구현 패턴, React 19 API의 네 가지 우선순위 카테고리를 다루며, 각각에 대한 구체적인 규칙과 코드 예제를 포함합니다. 복합 컴포넌트, 컨텍스트 프로바이더, 상태 끌어올리기, 명시적 변형을 다루는 10개 이상의 명명된 패턴을 제공합니다. 비대해진 컴포넌트 리팩토링, 재사용 가능한 라이브러리 구축, 컴포넌트 아키텍처 결정 검토에 적합합니다. React...

확장 가능한 React 컴포지션 패턴입니다. 컴포넌트 리팩토링 시 사용하세요.

vercel-composition-patterns — Vercel Labs/OpenReview에서 게시한 AI 에이전트용 설치 가능한 스킬입니다.

확장 가능한 React 컴포지션 패턴입니다. 컴포넌트 리팩토링 시 사용하세요.

Vercel에 즉시 배포하며, 프레임워크를 자동 감지하고 인증이 필요하지 않습니다. 프로젝트를 tarball로 패키징하고, package.json에서 프레임워크를 자동 감지하여 라이브 미리보기 URL과 계정 이전을 위한 클레임 가능한 배포 링크를 반환합니다. React, Vue, Svelte, 백엔드 런타임 및 정적 HTML 프로젝트 등 20개 이상의 프레임워크를 지원합니다. 배포 시 node_modules와 .git을 제외하여 패키지 크기를 최소화합니다. 사람이 읽을 수 있는 URL과 프로그래밍 방식 통합을 위한 JSON 출력을 모두 반환합니다.

애플리케이션과 웹사이트를 Vercel에 배포하고 클레임 가능한 프리뷰를 제공합니다. 사용자가 "내 앱 배포", "배포하고 미리보기 링크 줘"와 같은 배포 작업을 요청할 때 사용하세요.

애플리케이션과 웹사이트를 Vercel에 배포합니다. 사용자가 "내 앱 배포", "프로덕션에 배포" 등과 같은 배포 작업을 요청할 때 이 스킬을 사용하세요.

Vercel Firewall 전문가 안내 — 자동 DDoS 완화, Vercel WAF(사용자 정의 규칙, IP 차단, 관리형 규칙 세트, 속도 제한), Attack Mode, 시스템…

Vercel Firewall 전문가 안내 — 자동 DDoS 완화, Vercel WAF(사용자 정의 규칙, IP 차단, 관리형 규칙 세트, 속도 제한), Attack Mode, 시스템…

Vercel Flags 가이드 — 통합 대시보드, Flags Explorer, 점진적 롤아웃, A/B 테스트, 제공자 어댑터를 갖춘 기능 플래그 플랫폼. 다음 경우에 사용…

Vercel Flags 가이드 — 통합 대시보드, Flags Explorer, 점진적 롤아웃, A/B 테스트, 제공자 어댑터를 갖춘 기능 플래그 플랫폼. 다음 경우에 사용…

Vercel Functions 전문 가이드 — 서버리스 함수, 엣지 함수, 플루이드 컴퓨트, 스트리밍, 크론 작업 및 런타임 구성. 구성 시 사용…

Vercel Functions 전문 가이드 — 서버리스 함수, 엣지 함수, Fluid Compute, 스트리밍, 크론 작업 및 런타임 구성. 구성 시 사용…

Vercel에서 마이크로프론트엔드를 구축, 구성 및 배포하기 위한 가이드입니다. 사용자가 마이크로프론트엔드, 멀티 존, 앱 분할 등을 언급할 때 이 스킬을 사용하세요.

Vercel에 배포된 프로젝트(특히 Next.js, SvelteKit, Nuxt 및 제한된 Astro 앱)의 비용 및 성능 최적화에 사용합니다. 먼저 Vercel 메트릭, 사용량, 프로젝트 구성 및 코드 스캔 결과를 수집하고, 메트릭 기반 후보만 조사합니다. 검증된 파일과 버전 인식 Vercel/프레임워크 문서를 기반으로 순위가 매겨진 권장 사항을 생성합니다. Vercel 청구액 감소, 느리거나 비용이 많이 드는 경로, 캐싱 기회, 함수 호출, 빌드 시간, 빠른 데이터 전송, 코어...

vercel-plugin에 대해 실시간 평가 세션을 실행하여 훅 동작, 스킬 주입, 중복 제거 정확성 및 커버리지를 검증합니다. 실제 Claude Code 세션을 시작합니다…

vercel-plugin에 대해 실시간 평가 세션을 실행하여 훅 동작, 스킬 주입, 중복 제거 정확성 및 커버리지를 검증합니다. 실제 Claude Code 세션을 시작합니다…

Vercel의 experimentalServices API를 사용하여 Python 백엔드 서비스를 구축합니다. Python 백엔드나 Python 백엔드가 포함된 멀티 서비스 프로젝트를 생성할 때 사용합니다…

Vercel Queues 안내(공개 베타) — 토픽, 컨슈머 그룹, 재시도 및 지연 전달을 지원하는 내구성 있는 이벤트 스트리밍. $0.60/100만 회 작업. Workflow 지원…

Vercel Queues 안내(공개 베타) — 토픽, 컨슈머 그룹, 재시도 및 지연 전달을 지원하는 내구성 있는 이벤트 스트리밍. $0.60/100만 회 작업. Workflow 지원…

Vercel Engineering의 React 및 Next.js 성능 최적화 가이드라인입니다. 이 스킬은 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 사용해야 합니다.

React 및 Next.js 성능 최적화 가이드로, 8개 카테고리에 걸쳐 64개의 우선순위 규칙을 제공합니다. 중요도 수준별로 구성되어 있으며, 크리티컬 워터폴과 번들 최적화부터 고급 패턴까지 각 규칙에는 올바르지 않은 코드 예시와 올바른 코드 예시, 그리고 설명이 포함됩니다. 비동기 패턴, 번들 크기, 서버사이드 캐싱, 클라이언트사이드 데이터 페칭, 리렌더링 최적화, 렌더링 성능, 자바스크립트 효율성, 고급 패턴의 8개 영역을 다룹니다. 컴포넌트 중...

Vercel Engineering의 React 및 Next.js 성능 최적화 가이드라인입니다. 이 스킬은 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 사용해야 합니다.

Vercel Engineering의 React 및 Next.js 성능 최적화 가이드라인입니다. 이 스킬은 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 사용해야 합니다.

Vercel Engineering의 React 및 Next.js 성능 최적화 가이드라인입니다. 이 스킬은 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 사용해야 합니다.

Vercel Engineering의 React 및 Next.js 성능 최적화 가이드라인입니다. 이 스킬은 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 사용해야 합니다.

Vercel Engineering의 React 및 Next.js 성능 최적화 가이드라인입니다. 이 스킬은 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 사용해야 합니다.

Vercel Engineering의 React 및 Next.js 성능 최적화 가이드라인입니다. 이 스킬은 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 사용해야 합니다.

React Native 및 Expo의 모범 사례로, 리스트 렌더링, 애니메이션, 내비게이션, 네이티브 모듈 전반에 걸쳐 성능이 뛰어난 모바일 앱을 구축하는 방법을 다룹니다. 영향도에 따라 우선순위가 지정된 8가지 규칙 카테고리를 포함합니다: 리스트 성능(FlashList, 메모이제이션, 콜백 안정성), 애니메이션(GPU 속성, 파생 값), 내비게이션, UI 패턴, 상태 관리, 렌더링, 모노레포 구조, 구성. 리스트 성능 규칙은 대규모 리스트 가상화, 이미지 최적화, 방지 등 중요한 문제를 다룹니다...

React Native 및 Expo를 사용하여 성능이 뛰어난 모바일 앱을 구축하기 위한 모범 사례입니다.

React Native 및 Expo를 사용하여 성능이 뛰어난 모바일 앱을 구축하기 위한 모범 사례입니다.

React Native 및 Expo를 사용하여 성능이 뛰어난 모바일 앱을 구축하기 위한 모범 사례입니다.

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view…

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view…

Vercel Sandbox 안내 — 신뢰할 수 없는 코드를 안전하게 실행하기 위한 임시 Firecracker 마이크로VM. AI 에이전트, 코드 생성 및 실험을 지원합니다. 다음 경우에 사용하세요…

Vercel Sandbox 안내 — 신뢰할 수 없는 코드를 안전하게 실행하기 위한 임시 Firecracker 마이크로VM. AI 에이전트, 코드 생성 및 실험을 지원합니다. 다음 경우에 사용하세요…

Vercel Services — 단일 Vercel 프로젝트 내에서 여러 서비스를 배포합니다. 모노레포 레이아웃이나 백엔드(Python, Go)와 프론트엔드를 결합할 때 사용합니다…

Vercel Services — 단일 Vercel 프로젝트 내에서 여러 서비스를 배포합니다. 모노레포 레이아웃이나 백엔드(Python, Go)와 프론트엔드를 결합할 때 사용합니다…

Vercel 스토리지 전문가 안내 — Blob, Edge Config 및 마켓플레이스 스토리지(Neon Postgres, Upstash Redis). 데이터 선택, 구성 또는 사용 시 활용하세요…

Vercel 스토리지 전문가 안내 — Blob, Edge Config 및 마켓플레이스 스토리지(Neon Postgres, Upstash Redis). 데이터 선택, 구성 또는 사용 시 활용하세요…

전체 스토리 검증 — 사용자가 구축 중인 내용을 추론한 후, 브라우저 → API → 데이터 → 응답으로 이어지는 전체 흐름을 종단 간 검증합니다. 개발 서버에서 트리거됩니다…

전체 스토리 검증 — 사용자가 구축 중인 내용을 추론한 후, 브라우저 → API → 데이터 → 응답으로 이어지는 전체 흐름을 종단 간 검증합니다. 개발 서버에서 트리거됩니다…

Vue 3 렌더러 for json-render. JSON 스펙에서 Vue UI를 구축하거나, @json-render/vue를 사용하거나, Vue 컴포넌트 레지스트리를 정의하거나, 렌더링할 때 사용합니다.

UI 코드를 검토하여 웹 인터페이스 가이드라인을 준수하는지 확인합니다. "내 UI 검토", "접근성 확인", "디자인 감사", "UX 검토", "내 사이트가 모범 사례에 부합하는지 확인" 요청 시 사용하세요.

web-animation-design — AI 에이전트용 설치 가능한 스킬로, vercel-labs/open-agents에서 게시되었습니다.

UI 코드를 웹 인터페이스 가이드라인 준수 여부에 대해 검토합니다. "내 UI 검토", "접근성 확인", "디자인 감사", "UX 검토", "내 사이트 확인" 등의 요청이 있을 때 사용하세요.

UI 코드를 웹 인터페이스 가이드라인 준수 여부에 대해 검토합니다. "내 UI 검토", "접근성 확인", "디자인 감사", "UX 검토", "내 사이트 확인" 등의 요청이 있을 때 사용하세요.

UI 코드를 웹 인터페이스 가이드라인 준수 여부에 대해 검토합니다. "내 UI 검토", "접근성 확인", "디자인 감사", "UX 검토", "내 사이트 확인" 등의 요청이 있을 때 사용하세요.

UI 코드를 웹 인터페이스 가이드라인 준수 여부에 대해 검토합니다. "내 UI 검토", "접근성 확인", "디자인 감사", "UX 검토", "내 사이트 확인" 등의 요청이 있을 때 사용하세요.

UI 코드를 웹 인터페이스 가이드라인 준수 여부에 대해 검토합니다. "내 UI 검토", "접근성 확인", "디자인 감사", "UX 검토", "내 사이트 확인" 등의 요청이 있을 때 사용하세요.

스크립트 기반 브라우저 데모 비디오를 webreel로 제작 및 녹화합니다. 커서 애니메이션, 키 입력 오버레이, 사운드가 포함된 MP4, GIF 또는 WebM 녹화물을 생성합니다…

Vercel의 Workflow DevKit을 사용하여 지속 가능하고 재개 가능한 워크플로우를 생성합니다. 재시작에도 유지되고 외부 이벤트를 위해 일시 중지해야 하는 워크플로우를 구축할 때 사용합니다.

Vercel Workflow DevKit (WDK) 전문 가이드. 내구성 있는 워크플로우, 장기 실행 작업, API 라우트 또는 일시 중지/재개, 재시도 등이 필요한 에이전트를 구축할 때 사용하세요.

Vercel Workflow DevKit (WDK) 전문 가이드. 지속형 워크플로우, 장기 실행 작업, API 라우트 또는 일시 중지/재개, 재시도 등이 필요한 에이전트를 구축할 때 사용하세요.

내구성 있고 재개 가능한 워크플로우로, 단계 기반 오케스트레이션, 외부 이벤트를 위한 훅, 내장 AI 에이전트 지원을 제공합니다. 세 가지 실행 모드를 지원합니다: 워크플로우 함수(오케스트레이션 계층), 단계 함수(자동 재시도 및 결과 지속성을 갖춘 전체 Node.js 액세스), 그리고 도구 통합이 포함된 AI 기반 워크플로우를 위한 DurableAgent입니다. 훅에서 워크플로우를 일시 중지하여 외부 이벤트를 기다린 후 API 경로에서 재개할 수 있습니다. 훅은 단일 이벤트 또는 반복 가능한 다중 이벤트 패턴을 지원합니다...

Vercel Workflow SDK가 node_modules에 존재하기 전에 설치 및 구성합니다. 사용자가 "워크플로우 설치", "워크플로우 설정", "내구성 추가"를 요청할 때 사용합니다.

단일 API 표면(함수, 컴포넌트, 파일 규칙, 디렉티브 또는 설정 옵션)을 문서화하는 API 참조 페이지를 생성합니다. 페이지는 간결하고, 훑어보기 쉬우며, 예제 중심이어야 합니다.

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

문서/산문이 작성 가이드라인을 준수하는지 검토합니다. "내 문서 검토", "작문 스타일 확인", "산문 감사", "문서 음성 및 톤 검토", "이 페이지를 작성 핸드북과 비교 확인" 요청 시 사용하세요.

XState Store 어댑터로, json-render의 StateStore 인터페이스를 위한 것입니다. @json-render/xstate를 통해 @xstate/store와 json-render를 통합하여 상태 관리를 할 때 사용합니다.

YAML 와이어 포맷으로, 스트리밍 파서, 프롬프트 생성, AI SDK 변환을 위한 json-render에 사용됩니다. @json-render/yaml, YAML 기반 스펙과 함께 작업할 때 사용하세요.

Zustand 어댑터로 json-render의 StateStore 인터페이스를 지원합니다. @json-render/zustand를 통해 Zustand와 json-render를 통합하여 상태 관리를 할 때 사용합니다.