vercel-labs/agent-skills

어떤 프로젝트인가요?

핵심 기능

• 01npx skills add로 설치할 수 있으며 관련 작업이 나타나면 자동으로 로드됩니다.
• 02비용, 캐싱, 함수 사용량을 다루는 Vercel 프로젝트 점검 기능을 제공합니다.
• 03번들 크기와 데이터 가져오기를 다루는 React 및 Next.js 성능 규칙을 제공합니다.
• 04100개가 넘는 검사 항목으로 UI 접근성과 디자인을 검토하는 규칙을 제공합니다.
• 05에이전트가 프로젝트를 Vercel에 배포하고 프리뷰 및 클레임 URL을 반환할 수 있습니다.

활용 사례

• 렌더링 및 번들 성능 문제를 찾기 위해 React 또는 Next.js 컴포넌트를 검토합니다.
• 느린 경로와 높은 함수 비용을 찾기 위해 배포된 Vercel 프로젝트를 점검합니다.
• 접근성 가이드라인에 따라 사이트의 마크업과 스타일을 확인합니다.
• 채팅 세션에서 만든 프로토타입을 공유 가능한 라이브 URL로 배포합니다.

빠른 시작

1. 1

   npx로 스킬을 설치합니다

   npx skills add vercel-labs/agent-skills
2. 2

   성능 문제를 확인하기 위해 React 컴포넌트를 검토하는 것처럼 스킬에 맞는 작업을 에이전트에게 요청합니다

사용 전 알아둘 점

• !저장소 메타데이터에는 라이선스가 표시되어 있지 않지만 README에는 MIT라고 명시되어 있습니다.
• !프로젝트를 Vercel 배포 서비스에 업로드하는 vercel-deploy-claimable처럼 Vercel 서비스와 연동되는 스킬이 있습니다.

토픽

자주 묻는 질문

agent-skills은(는) 무엇인가요?

AI 코딩 에이전트에 Vercel 및 React/Next.js 모범 사례 지식을 제공하는 설치형 지침 팩 모음입니다. Agent Skills는 AI 코딩 에이전트에 전문 지식을 더해 주는 패키지형 지침과 스크립트 모음입니다. 각 스킬은 SKILL.md 파일과 선택 사항인 보조 스크립트 및 참조 문서로 구성된 폴더이며, Agent Skills 형식을 따릅니다. 스킬은 npx skills add로 설치하며, 에이전트가 관련 작업을 만나면 자동으로 불러옵니다.

agent-skills은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

agent-skills에는 명시된 라이선스가 없습니다. 코드는 공개되어 있지만 라이선스가 없으면 재사용 허가가 명확하지 않으므로, 사용 전에 작성자에게 문의하는 것이 좋습니다.

agent-skills은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. agent-skills의 마지막 커밋은 2026년 10월 14일입니다.

agent-skills은(는) 어디에 사용할 수 있나요?

렌더링 및 번들 성능 문제를 찾기 위해 React 또는 Next.js 컴포넌트를 검토합니다. 느린 경로와 높은 함수 비용을 찾기 위해 배포된 Vercel 프로젝트를 점검합니다. 접근성 가이드라인에 따라 사이트의 마크업과 스타일을 확인합니다. 채팅 세션에서 만든 프로토타입을 공유 가능한 라이브 URL로 배포합니다.

agent-skills는 어떻게 설치하나요?

npx로 스킬을 설치합니다: npx skills add vercel-labs/agent-skills 성능 문제를 확인하기 위해 React 컴포넌트를 검토하는 것처럼 스킬에 맞는 작업을 에이전트에게 요청합니다

agent-skills은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/vercel-labs/agent-skills