事件专题 ·多源确认

面向前端/产品/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 个信源51° AI 热度最后更新 2026/11/15 09:04:06

证据链

11 个信源

冲突核查

现有去重数据只说明这些来源讨论同一事件,不代表立场相同。当前没有结构化的支持或反驳证据,不自动推断冲突。