Event ·Multi-source

面向前端/产品/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 验证。前端和产品都能按场景直接抄配置。

11 sources51° AI heatLast updated 2026/11/15 09:04:06

Evidence

11 sources
Related source 1kimmonismus
View source
Related source 2Cognition
View source
Related source 3Perplexity
View source
Related source 4TestingCatalog
View source
Related source 6claudedevs
View source
Related source 7marktechpost
View source
Related source 10OpenAI Blog
View source

Conflict 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.