vercel-agent-skills
Vercel官方出品的AI代理技能集合，覆盖React优化、UI审计和Vercel一键部署。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：vercel-agent-skills。 它的用途是：Vercel官方出品的AI代理技能集合，覆盖React优化、UI审计和Vercel一键部署。 完整的 Skill 内容见：https://321skill.com/skills/vercel-agent-skills/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我审查这个登录页面的UI，看看有没有可访问性问题。’，它会调用web-design-guidelines技能，依据100多条规则检查aria标签、焦点状态等，并给出具体改进建议。
对AI说：‘把这个Next.js项目部署到线上看看效果。’，它会调用vercel-deploy-claimable技能，自动检测框架、打包代码并返回一个可访问的预览链接及认领地址。
介绍
这个技能仓库为AI编码代理（如Claude、Cursor）提供了一组可直接使用的扩展能力，旨在解决开发者在代码质量、UI合规和快速部署方面的常见痛点。它包含三个核心技能：React最佳实践指南、Web设计规范审计和Vercel可认领部署工具，将Vercel工程团队的内部经验封装成AI可执行的指令。
使用时，开发者只需通过一条命令安装技能包，AI代理在后续对话中检测到相关任务（如“部署我的应用”、“审查这个UI”）时，便会自动调用对应的技能。例如，当用户要求优化React组件时，AI会依据技能中的40多条规则提供具体建议；要求部署时，则会自动打包项目并生成预览链接。
该技能包非常适合前端、全栈及智能体开发者，尤其是使用Next.js、React技术栈并希望将Vercel最佳实践融入开发流程的团队。对于产品经理和UI设计师，其中的Web设计规范技能也能帮助快速检查界面的可访问性与用户体验。
建议在项目初期或代码评审阶段使用这些技能，以提前规避问题。需注意，部署技能生成的预览链接是临时的，需要用户主动“认领”才能转移到自己的Vercel账户下，适合快速演示和测试，而非长期生产环境部署。
核心特点
由Vercel官方出品，直接封装了其内部工程团队验证过的React性能优化规则和Web设计审计清单，权威性和实用性高；部署技能独有的“可认领”机制，允许用户将临时部署轻松转移至个人Vercel账户，兼顾了便捷与所有权。
注意事项
主要面向Vercel平台和React/Next.js技术栈，对于其他部署平台或前端框架的适用性有限。
常见问题
这个技能包支持哪些AI代理？
支持遵循Agent Skills格式的代理，如Claude Desktop及兼容的编码助手。
部署技能会占用我的Vercel账户额度吗？
预览部署是临时的，认领后才会计入您账户的额度。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/vercel-agent-skills/raw/index.md 读取 vercel-agent-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/vercel-agent-skills/raw/index.md（查看排版版本）