用自然语言秒建原型，这个开源 Skill 太香了

有没有试过跟 AI 说「给我做一个 Landing Page」，结果它给你吐了一堆代码，还得你自己拼？

NousResearch 最近开源了一个叫 claude-design 的 Skill，专门解决这个问题。它不是帮你写代码，而是直接帮你「做设计出原型」——用自然语言描述，输出可直接预览的 HTML 产物。

它到底是什么？

claude-design 的定位很明确：one-off HTML artifacts。也就是一次性网页产物，比如：

• 产品 Landing Page
• 演示文稿 / Deck
• 交互原型
• 快速验证页面

它不是 Figma 替代品，而是「想法 → 可运行网页」的加速器。你不需要懂 CSS，不需要搭开发环境，对着 Claude 说清楚你要什么，它直接给你能打开的 HTML。

为什么值得关注？

第一，它是真的在「做设计」而不是写代码。 很多 AI 编码工具擅长生成代码，但 claude-design 把设计决策（布局、配色、排版）封装进了 Skill 的 prompt 里，输出更接近设计师的手笔。

第二，来自 NousResearch，靠谱。 这个团队就是做 Hermes Agent 的，hermes-agent 仓库有 213k+ Stars，开源质量有保障。Skill 本身也在持续更新，最后更新是 2026 年 6 月。

第三，零门槛。 只要有 Claude Code 或 ChatGPT，复制 Skill 就能用。不用注册新平台，不用付费订阅，开箱即用。

适合谁用？

• 独立开发者：快速验证产品想法，先做个 Landing Page 再说
• 设计师：批量出原型，不用反复跟开发对齐
• AI 爱好者：想看看 AI 到底能做到什么程度的设计产出

使用方式

1. 克隆或复制 NousResearch/hermes-agent 仓库
2. 进入 skills/creative/claude-design 目录
3. 把 Skill 安装到 Claude Code / ChatGPT 中
4. 描述你想要的网页，让它生成

写在最后

这个 Skill 的价值不在于「AI 能不能写代码」，而在于 AI 能不能理解设计意图并直接产出可用产物。claude-design 给出了一个很漂亮的答案：能。

如果你也在找「想法 → 落地」的最短路径，这个 Skill 值得试试。

GitHub：https://github.com/NousResearch/hermes-agent/tree/main/skills/creative/claude-design

GitHub: https://github.com/NousResearch/hermes-agent/tree/main/skills/creative/claude-design