Vercel 스킬

opensrc/skills/opensrc

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

vercel-plugin/skills/payments

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

phase/skills/phase

웹 애니메이션 또는 렌더링 성능(프레임 루프, 스크롤/뷰포트 표시, 마운트/언마운트 전환 등)을 구축, 검토 또는 최적화할 때 사용합니다.

open-agents/.agents/skills/plan-mode

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

vercel-plugin/.claude/skills/plugin-audit

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

portless/skills/portless

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

next.js/.agents/skills/pr-status-triage

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

ralph-gpu/SKILLS/ralph-gpu

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

json-render/skills/react

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

agent-skills/skills/react-best-practices

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

vercel-plugin/skills/react-best-practices

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

json-render/skills/react-email

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

json-render/skills/react-native

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

agent-skills/skills/react-native-skills

React Native와 Expo를 사용하여 성능이 뛰어난 모바일 앱을 구축하기 위한 모범 사례입니다. React Native 컴포넌트를 빌드하거나, 리스트 성능을 최적화하거나, 구현할 때 사용하세요.

json-render/skills/react-pdf

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

json-render/skills/react-three-fiber

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

next.js/.agents/skills/react-vendoring

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

json-render/skills/redux

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

vercel-plugin/.claude/skills/release

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

json-render/skills/remotion

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

json-render/skills/remotion-best-practices

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

open-agents/.agents/skills/remove-demo-limits

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

emulate/skills/resend

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

next.js/.agents/skills/router-act

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

vercel-plugin/skills/routing-middleware

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

vercel-plugin/skills/runtime-cache

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

next.js/.agents/skills/runtime-debug

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

sandbox/skills/sandbox

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

vercel-openclaw/.agents/skills/sandbox-lifecycle-debug

Sandbox 라이프사이클 디버깅: 생성, 재개, 중지, 스냅샷, 리셋, 오래된 실행 조정, 지속적 Sandbox v2 동작, 핫…

vercel-openclaw/skills/sandbox-lifecycle-debug

vercel-openclaw용 샌드박스 수명주기 디버깅: 생성, 재개, 중지, 스냅샷, 리셋, 오래된 실행 조정, 영구 Sandbox v2 동작, 핫…