vercel-composition-patterns

작성자: vercel

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

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patterns

ZIP 다운로드 GitHub

vercel의 다른 스킬

benchmark-sandbox

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

emil-design-eng

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

vercel-react-best-practices

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

vercel-react-best-practices

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

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

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

dev3000에서 체크아웃한 Vercel 프로젝트에 대해 DeepSec을 실행합니다. 원클릭 DeepSec 설정, 프로젝트 컨텍스트 부트스트래핑, 제한된 1차 처리 등에 사용합니다.

병합된 Next.js 풀 리퀘스트를 canary에서 next-16-2와 같은 이전 릴리스 브랜치로 백포트합니다. 사용자가 백포트, 체리픽 또는 열기를 요청할 때 사용합니다…