认识 Huashu Design
Huashu Design 是一个面向 Coding Agent 的设计 Skill。它把 HTML 当作设计媒介，帮助 Agent 产出可交付的高保真原型、幻灯片、动画、信息图与视频，而不是只输出静态图片或设计建议。
它解决什么问题
传统 AI 生成设计容易落入视觉平均值：通用渐变、重复卡片、虚构数据与缺乏品牌识别度。Huashu Design 用一套明确流程降低这些问题：
- 先验证产品、技术与品牌事实。
- 优先读取现有设计上下文和真实资产。
- 需求模糊时提供多个真实方向，而不是抽象风格词。
- 在 HTML 中实现可运行交付物。
- 用浏览器、截图与自动化检查验证输出。
- 按需求导出视频、GIF、PDF 或 PPTX。
适用场景
| 场景 | 主要交付物 |
|---|---|
| App / Web 概念验证 | 可点击 HTML 原型、截图、交互流程 |
| 演讲与路演 | HTML deck、PDF、可编辑 PPTX |
| 产品动画 | HTML 动画、MP4、60fps MP4、GIF |
| 解说内容 | 带旁白、BGM、字幕节奏的长视频 |
| 信息表达 | 信息图、数据可视化、印刷级 PDF |
| 设计探索 | 三个设计方向、Tweaks 调参面板 |
| 设计复盘 | 五维评分、Keep / Fix / Quick Wins |
不适用场景
它不是生产级 Web App 框架，也不负责后端系统、长期业务状态、SEO 内容网站或复杂 3D 物理模拟。需要上线的产品代码，应使用专门的前端工程流程；Huashu Design 更适合探索、演示与视觉交付。
一句话判断
如果成果主要需要被「看、点、讲、录、导出」，适合使用 Huashu Design。如果成果主要需要长期运行、承载业务和维护数据，应转向生产工程方案。