alchaincyf/huashu-design

项目解读

Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic。 README 重点章节包括：Huashu Design、📺 新手教程（花叔亲录）、装上就能用、Star 趋势、能做什么。

README / GitHub 亮点

• GitHub 描述：Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic。
• "Type. Hit enter. A finished design lands in your lap."。
• 3 到 30 分钟，你能 ship 一段产品发布动画、一个能点击的 App 原型、一套能编辑的 PPT、一份印刷级的信息图。
• 不是「AI 做的还行」那种水平——是看起来像大厂设计团队做的。给 skill 你的品牌资产（logo、色板、UI 截图），它会读懂你的品牌气质；什么都不给，三套逻辑顾问 + 40 种 HTML 原生风格库也能兜底到不出 AI slop。

适用场景

适合评估 AI 应用、智能体工作流、模型工具链、RAG/提示词工程或 AI 辅助开发场景。

采用前核查

采用前仍需核查许可证、维护节奏、issue 质量、release 记录和生产适配成本。

README 摘要

"Type. Hit enter. A finished design lands in your lap." 在你的 agent 里打一句话，拿回一份能交付的设计。 3 到 30 分钟，你能 ship 一段产品发布动画、一个能点击的 App 原型、一套能编辑的 PPT、一份印刷级的信息图。 不是「AI 做的还行」那种水平——是看起来像大厂设计团队做的。给 skill 你的品牌资产（logo、色板、UI 截图），它会读懂你的品牌气质；什么都不给，三套逻辑顾问 + 40 种 HTML 原生风格库也能兜底到不出 AI slop。 你看到这篇 README 里的每一个动画，都是 huashu-design 自己做的。 不是 Figma，不是 AE，就是一句话 prompt + skill 跑通。下次产品发布要做宣传片？现在你也能做。 跨 agent 通用——Claude Code、Cursor、Codex、OpenClaw、Hermes 都能装。