# huashu-design - 一句话生成可交付设计的 AI 设计 Skill

> 跨 agent 通用设计 skill，支持交互原型、PPT、动画、信息图等多种交付物，内置 20 种设计语汇与品牌资产协议，适合产品经理和独立开发者快速出图

# Huashu Design

**打字。回车。一份能交付的设计。**

一个跨 agent 通用的设计 skill，通过自然语言生成可交付的设计产品。支持 Claude Code、Cursor、Codex、OpenClaw、Hermes 等多种 agent 环境。

## 能做什么

| 能力 | 交付物 | 典型耗时 |
|------|--------|----------|
| 交互原型（App/Web） | 单文件 HTML · 真 iPhone bezel · 可点击 · Playwright 验证 | 10-15 min |
| 演讲幻灯片 | HTML deck + 可编辑 PPTX（真文本框） | 15-25 min |
| 时间轴动画 | MP4/GIF + BGM | 8-12 min |
| 设计变体 | 3+ 并排对比 · 实时调参 | 10 min |
| 信息图/可视化 | 印刷级排版 · PDF/PNG/SVG | 10 min |
| 5 维度专家评审 | 雷达图 + Keep/Fix/Quick Wins | 3 min |

## 核心机制

- **品牌资产协议**: 涉及具体品牌时强制执行 5 步硬流程（问 → 搜 → 下载 → grep 色值 → 写 brand-spec.md）
- **20 种设计语汇**: 内置 5 流派 × 20 种设计哲学，无需品牌资产也能出大厂级设计
- **Motion Design 引擎**: Stage + Sprite 时间片段模型，支持 MP4/GIF/60fps 插帧/带 BGM 成片
- **html2pptx.js**: 读取 DOM computedStyle 逐元素翻译成 PowerPoint 对象，导出真文本框 PPTX
- **Tweaks 实时变体**: 配色/字型/信息密度等参数化，刷新不丢

## 安装

```bash
npx skills add alchaincyf/huashu-design
```

然后直接说话：
```
「做一份 AI 心理学的演讲 PPT，推荐 3 个风格方向让我选」
「做个 AI 番茄钟 iOS 原型，4 个核心屏幕要真能点击」
「把这段逻辑做成 60 秒动画，导出 MP4 和 GIF」
```

GitHub: https://github.com/alchaincyf/huashu-design

---

**分类**：Skills
**标签**：设计 · min · 交付
**作者**：Xiao.Xi
**链接**：https://octohz.com/p/1543