vercel-labs

Types and documentation may not explain unexpected dependency behavior. This skill guides AI agents to fetch matching source versions and inspect implementations through a reusable cache.

Static React interfaces are difficult to generate and maintain from structured data. This skill explains how to render JSON specs, define catalogs, manage state, and connect events in React.

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.

JSON-driven interfaces need consistent formatting, calculations, and translated labels. This skill guides directive setup, nested expressions, and custom resolvers for json-render.

Generative interfaces can make rendering errors, state changes, and streamed updates difficult to trace. This skill guides devtools integration and inspection workflows for json-render apps.

AI-generated interfaces need consistent schemas, state bindings, and validation. This skill guides assistants through json-render core APIs for catalogs, prompts, streaming, and specification repair.

Turning UI specifications into maintainable application code can require repetitive traversal and prop serialization. This skill provides reusable utilities for generating structured code and custom exporters from json-render specifications.

Inconsistent prose makes documentation harder to read and maintain. This skill checks selected files against current guidelines and reports precise locations for revision.

UI 리뷰에서는 일관된 접근성, 레이아웃, 상호작용 세부 사항을 놓치는 경우가 많습니다. 이 스킬은 선택한 파일을 Vercel 가이드라인에 따라 확인하고 간결한 결과를 보고합니다.

WebGPU development requires precise APIs, shader workflows, and performance choices. This skill supplies focused vgpu guides, references, and examples for implementation and optimization.

React view transitions는 배치 위치를 잘못 잡기 쉬워, 조용히 발생하거나 시끄러운 애니메이션을 유발할 수 있습니다. 이 스킬은 라우트, Suspense, 목록, 공유 요소 애니메이션 선택을 안내합니다.

React Native 앱은 느린 목록, 버벅이는 애니메이션, 플랫폼 관련 실수로 문제가 생길 수 있습니다. 이 스킬은 Codex, Claude, Claude Code가 성능 좋은 Expo 및 React Native 작업을 할 수 있도록 간결한 규칙을 제공합니다.

React 및 Next.js 앱은 워터폴, 큰 번들, 피할 수 있는 재렌더링으로 인해 속도가 저하되는 경우가 많습니다. 이 스킬은 에이전트에게 성능 중심 변경을 더 안전하게 수행하기 위한 구체적인 규칙을 제공합니다.

Vercel costs and slow routes are difficult to prioritize without production evidence. This skill combines account metrics, scoped code checks, and verified documentation into ranked recommendations.

boolean prop이 많은 React 컴포넌트는 유지보수와 리뷰가 어려워집니다. 이 스킬은 에이전트에게 compound components, 명시적 variants, provider 기반 상태에 대한 명확한 패턴을 제공합니다.

대화형 Vercel 로그인은 자동화된 에이전트 워크플로를 막을 수 있습니다. 이 스킬은 Claude, Codex, Claude Code가 배포, 연결, 환경 변수, 도메인, 문제 해결을 위해 구조화된 토큰 기반 경로를 사용할 수 있게 합니다.

Slack 업무는 채널, DM, 검색 결과, 스레드 전반에서 수동 확인이 필요한 경우가 많습니다. 이 스킬은 Claude, Codex 또는 Claude Code가 브라우저 기반 Slack 탐색과 범위가 지정된 증거 캡처를 수행하도록 안내합니다.

팀에는 재사용 가능한 에이전트 지식과 워크플로를 패키징하는 일관된 방법이 필요합니다. 이 스킬은 Claude, Codex, Claude Code가 스킬 계획, 작성, 검증, 패키징을 진행하도록 안내합니다.

React 및 Next.js 팀은 데이터 가져오기, 렌더링, 번들 로딩에서 느린 패턴을 반복하는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code에 더 빠른 코드 생성, 리뷰, 리팩터링을 위한 구체적인 규칙을 제공합니다.

Next.js 업그레이드에는 주요 변경 사항, codemod, 의존성 조율이 포함될 수 있습니다. 이 skill은 Claude, Codex 또는 Claude Code가 공식 마이그레이션 단계와 검증 확인을 따라가도록 안내합니다.

Next.js 마이그레이션 중 Cache Components를 안전하게 도입하기는 어려울 수 있습니다. 이 스킬은 PPR, 캐시 지시문, 수명, 태그, 무효화에 대한 집중적인 가이드를 제공합니다.

Next.js 프로젝트는 불명확한 경계, 느린 데이터 가져오기, 배포 실수로 실패하는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code에 최신 App Router 작업을 위한 집중된 규칙을 제공합니다.

사용자는 어떤 agent skill이 작업에 적합한지 모르는 경우가 많습니다. 이 skill은 skills 생태계를 검색하고, 옵션을 비교하며, 더 안전한 설치 결정을 안내합니다.

Electron 앱 테스트에는 수동 클릭, 스크린샷, 반복적인 설정이 필요한 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code가 agent-browser를 Electron 앱에 연결하고 이러한 워크플로를 자동화하는 방법을 보여줍니다.