← スキル一覧へ
Vercel 公式の AI コーディングエージェント向けスキル集。agentskills.io の Agent Skills 形式に準拠し、Claude Code / Cursor / Codex に導入すると、Vercel エンジニアリングチーム自身のルールで React/Next.js の性能、UI アクセシビリティ、Vercel デプロイコスト、ドキュメントの文体をレビューします。
主な機能
- Vercel コスト最適化
- React/Next 性能改善
- UI アクセシビリティ検査
- ドキュメント文体審査
インストール
npx skills add vercel-labs/agent-skills
.claude/skills または .agents/skills に導入、Node.js / npm が必要。
使い方
インストール後はスキルが自動で有効化。「この React コンポーネントの性能をレビューして」「この Next.js ページを最適化して」「UI のアクセシビリティを監査して」など自然言語で呼び出せます。vercel-optimize、react-best-practices、web-design-guidelines など計 8 スキルを同梱。
必要条件
Node.js / npm と Agent Skills 対応エージェント（Claude Code・Cursor・Codex など）。
関連スキル