面向前端/产品/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。
Current read
OpenAI 的 frontend-skill 下架了,这份更新版清单直接告诉你现在该换成什么。做 React 装 react-best-practices(已扩到 70 条规则),设计稿转代码用 Figma 官方新 skill,写完页面用 webapp-testing 验证。前端和产品都能按场景直接抄配置。
Evidence
11 sourcesConflict check
Dedup data only shows that these sources discuss the same event, not that they agree. There is no structured supporting or refuting evidence yet, so no conflict is inferred automatically.