Ren(@Ryrenz):🏆 Vercel 官方开源了一套给 AI coding agent 用的技能包，等于把 Vercel 工程团队的前端经验直接装进 Claude Code。 GitHub 上 29K stars，官方出品背书够硬。以前让 AI 写 React 组件，跑起来就算胜利，但性能反模式、bundle 体积、服务端瀑布请求一堆坑根本没人管。装上 react-best-practices 之后，AI 会按 40 多条 Vercel 内部规则写代码，相当于每次提交前都有 Vercel 工程团队帮你做 code review。写 UI 时也一样，web-design-guidelines 能按 100 多条规则检查无障碍、焦点状态、动画、深色模式这些细节，省掉人工逐行对设计规范。最爽的是 vercel-deploy-claimable，在 https://t.co/PwQiO3CuZ5 或 Claude Desktop 里聊几句就能直接部署到 Vercel，自动识别 40 多个框架，返回预览 URL 和可认领的 claim URL，分享前不用手动折腾 CLI。安装也很简单，npx skills add vercel-labs/agent-skills 一行就装上。 GitHub：

2026.07.19 05:20

🏆 Vercel 官方开源了一套给 AI coding agent 用的技能包，等于把 Vercel 工程团队的前端经验直接装进 Claude Code。 GitHub 上 29K stars，官方出品背书够硬。以前让 AI 写 React 组件，跑起来就算胜利，但性能反模式、bundle 体积、服务端瀑布请求一堆坑根本没人管。装上 react-best-practices 之后，AI 会按 40 多条 Vercel 内部规则写代码，相当于每次提交前都有 Vercel 工程团队帮你做 code review。写 UI 时也一样，web-design-guidelines 能按 100 多条规则检查无障碍、焦点状态、动画、深色模式这些细节，省掉人工逐行对设计规范。最爽的是 vercel-deploy-claimable，在或 Claude Desktop 里聊几句就能直接部署到 Vercel，自动识别 40 多个框架，返回预览 URL 和可认领的 claim URL，分享前不用手动折腾 CLI。安装也很简单，npx skills add vercel-labs/agent-skills 一行就装上。 GitHub：