这个开源项目刚克隆了 Claude Design（效果惊人）

하이라이트

• Huashu Design 将 Claude Design 的系统提示词和设计理念转化为 GitHub 开源仓库，可作为编码代理的插件使用。

• Huashu Design 通过 20 个深度解析的 Markdown 文件指导设计，并调用组件库和媒体资产辅助构建。

• Huashu Design 支持将 HTML 转换为 MP4，并使用 Playwright 进行现实有效性检查。

• 在使用 Claude Code 运行期间，Huashu Design 的单次 Token 使用量仅为 13 万，远低于 Claude Design 的额度消耗。

• 测试显示 Huashu Design 在落地页构建、幻灯片制作及设计系统一致性方面，效果与 Claude Design 具有高度可比性。

타임라인

1. 00:00 - 03:07

   Claude Design 的使用限制与开源方案

   Claude Design 虽为顶级设计工具，但严苛的限额严重限制了生产力。Huashu Design 的开源方案将原本的功能转化为灵活的编码技能，不仅保留了对设计风格、动画实践的访问能力，还支持通过 Playwright 实时验证设计效果。此方案旨在摆脱原版工具的随意限额约束，提供更具掌控力的设计工作流。

   • Claude Design 尽管功能强大，但即使在 20 倍计划下，每周使用限额仍在一小时内即可耗尽。
   • Huashu Design 通过提取 Claude Design 的提示词和逻辑，构建为一个可加载到 Claude Code 或 Codex 中的独立技能。
   • 该技能集成了 20 个 Markdown 设计指南、组件库、媒体资产以及 HTML 转 MP4 等可执行工具链。
2. 03:08 - 09:05

   落地页设计方案对比测试

   在从零构建 SaaS 落地页的对比中，Huashu Design 表现出了极强的设计竞争力和极低的资源消耗。虽然 Claude Design 拥有图形化界面的操作便利性，但 Huashu Design 凭借相同的系统提示词逻辑，达到了极高的还原度，且完全不受频繁的限额警告干扰。

   • Huashu Design 在生成落地页方案时能提供 Ledger 等多种变体，且能在一个窗口中呈现所有版本。
   • Claude Design 虽然提供直观的图形化微调界面，但其使用量在测试中消耗了 15%，而 Huashu Design 仅占用不到 1% 的使用额度。
   • 微调测试显示，Huashu Design 的生成效果与 Claude Design 的原生输出在风格和布局上高度相似。
3. 09:06 - 15:00

   设计系统一致性与幻灯片制作测试

   通过加载 Agentic OS 仪表盘作为设计参考，两款工具均展现了维持设计一致性的能力。Huashu Design 证明了即便没有图形化的手动微调界面，通过提示词辅助依然能达到极高的完成度。尽管 Claude Design 在绘图编辑和团队协作上仍具优势，但对于个人开发者而言，Huashu Design 已成为最具性价比的替代方案。

   • Claude Design 利用设计系统在构建一致性交付物方面表现卓越，但创建该系统会消耗 30% 的使用额度。
   • Huashu Design 通过指定设计参考目录，成功实现了与仪表盘风格一致的设计效果。
   • 幻灯片生成测试中，Huashu Design 用更低的资源占比完成了与 Claude Design 几乎同水准的视觉输出。