Vercel Agent Skills

Vercel 发布的面向 AI 编程代理的生产级技能集合。技能是模块化、可组合的能力，为代理扩展 React、Next.js、设计和部署方面的专业行为。

安装技能

npx skills add <owner/repo>

从多技能仓库安装特定技能：

npx skills add <owner/repo> --skill <skill-name>

支持 18+ AI 代理，包括 Claude Code、GitHub Copilot、Cursor、Cline 等。

设计与 UI 技能

building-components

构建现代、可访问、可组合 UI 组件的综合指南。涵盖组件分类（原语、组件、块、模板）、核心设计原则，以及包括 ARIA、键盘导航和 WCAG 合规性在内的可访问性实现。包含可组合 API、多态、受控/非受控状态和 as-child 模式等模式。

emil-design-eng

编码 Emil Kowalski 关于 UI 打磨、组件设计、动画决策以及让软件感觉出色的隐形细节的哲学。

web-design-guidelines

审查 UI 代码是否符合 Web Interface Guidelines。适用于"审查我的 UI"、"检查可访问性"、"审计设计"、"审查 UX"或"检查我的网站是否符合最佳实践"等场景。

web-animation-design

专门的 Web 动画设计技能——涵盖过渡、微交互、运动原则和注重性能的动画模式。

React 和 Next.js 技能

用于构建高性能 React 和 Next.js 应用的技能，包含从 10 年生产经验中提炼的优化规则。

AI SDK 技能

用于使用 Vercel AI SDK 构建 AI 驱动应用的技能。

部署技能

用于将应用部署到 Vercel 的技能，包括可认领的部署。

发现更多技能

浏览 skills.sh 目录 发现 Vercel 和社区的更多技能。