面向前端/产品/UI 的 10 个 Agent Skills 更新版推荐
博主 shao__meng 更新了其 Agent Skills Top10 清单(旧版获 1.3k 收藏),覆盖前端、产品和 UI 工作流,涉及 Anthropic、OpenAI、Figma、Vercel 等来源的 10 个 skill。 关键变化包括:OpenAI 的 frontend-skill 已于 4 月下架,Anthropic 的 frontend-design 成为视觉方向最稳选择;Figma 官方的 figma-design-to-code 接替 figma-implement-design,会复用 Code Connect 组件;Vercel 的 react-best-practices 规则扩充到 70 条并改名 vercel-react-best-practices。 清单按场景分组:品牌页用 frontend-design 和 design-taste-frontend,产品 UI 用 figma-design-to-code、shadcn、composition-patterns,体验审查用 web-design-guidelines 和 webapp-testing,动效细节用 emil-design-eng。OpenAI 的 playwright skill 已进废弃仓库,本地验证改推荐 Anthropic 的 webapp-testing。
当前结论
OpenAI 的 frontend-skill 下架了,这份更新版清单直接告诉你现在该换成什么。做 React 装 react-best-practices(已扩到 70 条规则),设计稿转代码用 Figma 官方新 skill,写完页面用 webapp-testing 验证。前端和产品都能按场景直接抄配置。
证据链
11 个信源冲突核查
现有去重数据只说明这些来源讨论同一事件,不代表立场相同。当前没有结构化的支持或反驳证据,不自动推断冲突。