Frontend Design

它能做什么

Frontend Design 让 AI 代理直接生成生产级的前端界面代码——不是"看起来像网站"的演示级页面，而是有响应式布局、合理的组件拆分、可维护的 CSS 和可访问性考虑的真实 UI。Anthropic 官方出品（anthropics/skills，144k Stars），代表他们对于"AI 应该怎么写前端"的观点。

它与众不同在哪

随便哪个 AI 都能生成一个"好看的登录页面"。Frontend Design 的区别在于它生产的是工程代码而不是设计稿——它会考虑组件的职责边界、命名一致性、状态的完整处理（loading、空态、错误态），而不是只有"完美数据"路径下的展示。跟 Cursor 或 Copilot 的 inline 补全相比，它在动手写代码之前会先有一个规划过程，避免写到一半发现结构不对要重来。

谁不适合用它

如果你只想要一个快速原型或者着陆页，普通的 AI 生成就能满足，不需要这个技能的规划开销。如果你不做前端开发，当然也用不上。它最适合的是那些"要的不是快而是对"的前端任务——交付给用户或客户的产品代码。

总结

Frontend Design 让 AI 生成的不只是好看的前端，而且是可维护、可交付的前端工程代码。