Anthropic 开源 Frontend Design,号称干掉网页设计里的 AI 垃圾
Anthropic 刚刚干掉了网页设计领域的“AI 垃圾”。
它叫 Frontend Design。
• GitHub 上有 185,000 颗星。
• 安装量超过 760,000 次。
• 开源,由 Anthropic 维护。
它解决的问题很常见:
你让 AI 做一个网页,结果每次都长一样。
→ 字体用 Inter
→ 紫色渐变
→ 千篇一律的创业公司布局
→ 永远是同一个 Hero 区
Frontend Design 从根源上解决这个问题。它会强制模型在写任何一行代码之前,先确定一个美学方向。
而这一步,会改变一切。
你可以要求它:
→ 野兽派
→ 编辑风
→ 复古未来主义
→ 奢华风
→ 极繁主义
→ 有机风
然后它会返回可直接用于生产环境的 HTML、CSS、JS、React 或 Vue。
字体、使用 CSS 变量的配色、动效和排版,彼此之间保持一致。
安装方法:
1. npx skills add --skill frontend-design
2. 描述你想要的网页或组件
3. 选择美学方向
4. Claude 会搭建完整的视觉系统
只需安装一次。在你所有的会话中都可用。
它支持 Claude Code、Codex、Cursor、Gemini CLI、OpenCode 等。
超过 760,000 次安装,胜过任何评测。
本文由 AI 翻译自英文原帖,技术名词保留英文。
查看 X 原帖