用嘴做设计！这款HTML原生的AI设计助手，让原型、PPT、动画一键交付
「做一份AI心理学的演讲PPT，推荐3个风格方向让我选」
「做个AI番茄钟iOS原型。4个核心屏幕要真能点击」
「把这段逻辑做成60秒动画，导出MP4和GIF」
打完字，回车，一份完整的设计文件就躺在你面前了——不需要打开Figma，不需要打开Keynote，不需要打开AE。
这不是在描述一个未来愿景，而是Huashu Design已经能做到的事情。
一个设计Skill，凭什么600多人给它加星
GitHub上设计类工具多如牛毛，Huashu Design上线不久拿下了597颗星——不算现象级，但在一个细分赛道里，这个数字说明它解决了一个真实痛点。
一个Agent-agnostic的HTML原生设计Skill，兼容Claude Code、Cursor、Codex、OpenClaw以及任何skill兼容的AI编程代理。
你可能会问：装上它之后，到底能做什么？
交互式App原型
单个HTML·真iPhone边框·可点击
10–15分钟
演讲幻灯片
HTML deck + 可编辑PPTX（真文本框）
15–25分钟
时间轴动画
MP4（25fps/60fps）+ GIF + BGM
8–12分钟
设计方向推荐
3个方案并行演示。实时切换
5分钟
五维度专家评审
雷达图 + Keep/Fix/Quick Wins清单
3分钟
信息图/数据可视化
印刷级·PDF/PNG/SVG导出
10分钟
设计交付速度从"天"压缩到"分钟"——这是它的核心卖点。
使用方式：说话就行，不需要学新工具
安装只需要一行命令：
npx skills add alchaincyf/huashu-design
然后直接跟AI代理说话，比如：
「帮我做一个阅读App的iOS原型，3个核心页面。要真能点击切换」
「把这组数据做成信息图，我要印刷级别输出」
「给这个landing page做5个风格变体，让我实时对比」
Huashu Design内置了完整的工作流：接收模糊需求 → 推荐方向 → 确认方向 → 生成初稿 → 迭代调整 → Playwright视觉验证 → 交付。每个环节都有明确的交付物，不是"给你一堆想法"，而是"给你一个能用的文件"。
品牌资产协议：5步，防止AI乱猜颜色
AI做设计有个常见问题：让它做品牌设计，它自己编了一套配色，logo颜色对不上，品牌方看了直摇头。
Huashu Design为此设计了一个强制性的5步品牌资产协议：
1
主动问甲方有没有品牌规范文档——"你有品牌手册吗？"
2
去品牌官网找brand、press、press-kit页面，下载官方素材
3
三重保真：SVG文件 → 官方HTML → 产品截图，确保颜色准确
4
grep提取颜色：把所有#xxxxxx色值提取出来，按频率排序
5
固化规范：输出brand-spec.md + CSS变量，防止遗忘
做过A/B测试：v2版本的稳定性方差比v1低
5倍。稳定性才是真正的护城河。
反AI设计规则：这些坑，一个都不踩
AI生成的设计有一个通病，我管它叫"AI味"：紫色渐变背景、emoji代替图标、圆角+左边框样式库、SVG笑脸插图、Inter字体通篇用。
Huashu Design内置了一套"反AI味规则"，明确要求避免这些：
❌ 紫色渐变
❌ Emoji图标
❌ 圆角+左边框accent
❌ SVG人脸插图
❌ 把Inter用在标题上
正确的做法是：text-wrap: pretty + CSS Grid + 精心挑选的衬线字体 + oklch色彩体系。换句话说，AI不再是"给我做张图"，而是在约束下做正确的事情。
动画引擎：打字→ MP4，一条命令搞定
这是我觉得最有意思的部分。
Huashu Design内置了一套动效引擎，核心API只有4个：
useTime()
useSprite()
interpolate()
Easing
一条命令触发导出：MP4（25fps或60fps）+ GIF（调色板优化）+ BGM。不需要打开AE，不需要渲染农场，不需要写Python脚本。这对于需要做产品演示动画、社交媒体短视频、或者内部汇报材料的开发者来说，是一个实打实的效率提升。
五维度专家评审：给你一份有分数的设计报告
做完了设计，不知道好不好？Huashu Design内置了一个设计评审模式，从5个维度给设计打分：
• 哲学一致性
• 视觉层级
• 细节执行
• 功能完整性
• 创新程度
每个维度0-10分，输出雷达图 + Keep/Fix/Quick Wins清单。相当于给你配了一个设计顾问，看完你的稿子直接告诉你哪里要改、怎么改。
适合谁用
Huashu Design不是Figma的替代品，也不是给专业设计师用的。它的目标用户是：
独立开发者/全栈工程师：不需要设计师，自己就能出原型和演示材料
产品经理：快速做交互原型跟团队沟通，不需要等设计排期
AI编程工具用户：已经在用Claude Code或Cursor，想把设计需求也交给同一个Agent处理
需要快速出演示材料的任何人：会议前2小时需要一套PPT，常规流程根本来不及
小结
设计工具市场已经非常拥挤，但Huashu Design找到了一个独特的切入点：不做独立工具，而是做AI编程代理的Skill模块。
这意味着它不需要你切换应用，不需要学新软件，只需要开口说话。
打字。回车。一份能交付的设计。
项目地址:https://github.com/alchaincyf/huashu-design
