Huashu Design 3.0:一句话生成原型、幻灯片和动画的设计技能
开源设计技能 huashu-design(MIT 许可)10 月 17 日发布 v3.0.0,让编码 Agent 根据一句话描述产出可点击的 HTML 原型、HTML 幻灯片与可编辑 PPTX、MP4/GIF 动画和信息图。3.0 先从三种思路生成六个候选方向,再把最强的三个做成完整设计;风格库从 60 种扩充到 84 种,并新增检查破图、字号过小、对比度不足等客观问题的 `design_lint.py`。
适用:Claude CodeCursorCodexOpenClawHermes
能做什么
- 生成可点击的单文件 HTML 原型(带手机外框,用 Playwright 测试)
- 生成 HTML 幻灯片并导出可编辑 PPTX
- 制作时间线动画并导出 MP4 和 GIF
- 生成信息图(PDF/PNG/SVG)和五个维度的设计评审
好在哪里
- 品牌资产协议:从官方来源取色,而不是让模型猜
- `design_lint.py` 做客观检查:破图、小字号、低对比度、控制台报错
- 本地设计台账记录已交付的样式避免重复,数据存在 `~/.huashu-design/`
本次更新 · 3.0.0
- 方向选择改为三种思路六个候选,择优三个做完整设计
- 风格库从 60 种扩充到 84 种,新增 App 和中文/东亚风格
- 新增本地记忆,记住过去的反馈
- SKILL.md 改为路由到各格式的分指南,修复 PPTX 导出丢字问题
安装 / 启用
npx skills add alchaincyf/huashu-design
要点
- 参考素材通过新增的 `ref_board.py` 截图采集;README 未说明对模型视觉能力的要求,在无视觉能力的模型上效果需自测
- 可选的云端功能(TTS、AI 视频评审)隔离在 `scripts/cloud/`,需要自备 API key
- README 列出的局限:不能导出到 Figma 的分层可编辑文件,不支持复杂 3D、物理和粒子动画
为什么值得关注
适合产品同事快速出原型或汇报材料;它面向生成新设计,并不解决「按现有组件库写代码」的问题,部分流程依赖截图,团队的无视觉模型能否用好需先评估。
来源
原文
alchaincyf/huashu-design README
GitHub · github.com
原文
huashu-design releases
GitHub · github.com · 2026-10-17
### [Huashu Design 3.0:一句话生成原型、幻灯片和动画的设计技能]({{URL}})
开源设计技能 huashu-design(MIT 许可)10 月 17 日发布 v3.0.0,让编码 Agent 根据一句话描述产出可点击的 HTML 原型、HTML 幻灯片与可编辑 PPTX、MP4/GIF 动画和信息图。3.0 先从三种思路生成六个候选方向,再把最强的三个做成完整设计;风格库从 60 种扩充到 84 种,并新增检查破图、字号过小、对比度不足等客观问题的 `design_lint.py`。
- 参考素材通过新增的 `ref_board.py` 截图采集;README 未说明对模型视觉能力的要求,在无视觉能力的模型上效果需自测
- 可选的云端功能(TTS、AI 视频评审)隔离在 `scripts/cloud/`,需要自备 API key
- README 列出的局限:不能导出到 Figma 的分层可编辑文件,不支持复杂 3D、物理和粒子动画
**为什么值得关注**:适合产品同事快速出原型或汇报材料;它面向生成新设计,并不解决「按现有组件库写代码」的问题,部分流程依赖截图,团队的无视觉模型能否用好需先评估。
来源:[alchaincyf/huashu-design README](https://github.com/alchaincyf/huashu-design);[huashu-design releases](https://github.com/alchaincyf/huashu-design/releases)