20K Star！一句话出设计！这个开源工具让你的 Agent 秒变顶级设计师！

最近发现了一个设计Skill: huashu-design，在 GitHub 上收获了 2 万标星。

由花叔开源的一个项目，真的做到了「打字。回车。一份能交付的设计。」

是真正能 ship 的产品。

它到底能做什么？

你可能见过不少 AI 设计工具，但 huashu-design：

1️⃣ 能点击的 App 原型

• • iPhone 15 Pro 精确机身，连灵动岛、状态栏、Home Indicator 都一模一样
• • 状态驱动多屏切换，真的能点击操作
• • 甚至用 Playwright 自动验证点击流程

2️⃣ 可编辑的 PPT

• • 生成 HTML deck 在浏览器里演讲
• • 一键导出 PPTX，而且是真文本框！双击就能编辑
• • 不是截图，是真正的可编辑文件

3️⃣ 带 BGM 的产品发布动画

• • Stage + Sprite 时间轴模型
• • 一条命令导出 MP4 / GIF / 60fps 插帧
• • 自带 6 首场景化背景音乐

4️⃣ 印刷级信息图

• • CSS Grid 精准分栏
• • 杂志级排版，text-wrap: pretty 排印细节
• • 可导 PDF 矢量 / PNG 300dpi / SVG

5️⃣ 设计方向顾问

• • 三套逻辑并行：秒数轮盘 + 现实参照 + 最佳设计师
• • 直接出 3 版真实视觉让你选，不用盲选风格
• • 内置 40 种 HTML 原生风格库兜底

6️⃣ 5 维度专家评审

• • 哲学一致性、视觉层级、细节执行、功能性、创新性
• • 雷达图可视化 + Keep/Fix/Quick Wins 清单

为什么它这么牛？

品牌资产协议——稳定性的护城河

这是我见过最硬核的设计规则。涉及具体品牌时，强制执行 5 步流程：

1. 1. 问：用户有 brand guidelines 吗？
2. 2. 搜：搜官方品牌页抓权威色值
3. 3. 下载：SVG → HTML → 截图取色，三条兜底
4. 4. grep：从资产里提取色值，绝不从记忆猜品牌色
5. 5. 固化：写 brand-spec.md + CSS 变量

A/B 测试显示，v2 的稳定性方差比 v1 低 5 倍。稳定性的稳定性，这才是真正的护城河。

反 AI slop 规则

很多 AI 设计工具都会产出「AI 味」很浓的东西——紫渐变、emoji 图标、圆角+左 border accent、SVG 画人脸...

huashu-design 专门反这种趋势，用 text-wrap: pretty + CSS Grid + 精心选择的 serif display 和 oklch 色彩，让设计看起来像大厂团队做的，而不是 AI 生成的。

Junior Designer 工作流

不闷头做大招，先写 assumptions + placeholders + reasoning，尽早 show 给你看。理解错了早改比晚改便宜 100 倍。这是真正懂设计流程的人才能做出来的。

怎么用？超简单！

npx skills add alchaincyf/huashu-design

然后在 Claude Code 里直接说话就行：

「做一份 AI 心理学的演讲 PPT，推荐 3 个风格方向让我选」
「做个 AI 番茄钟 iOS 原型，4 个核心屏幕要真能点击」
「把这段逻辑做成 60 秒动画，导出 MP4 和 GIF」
「帮我对这个设计做一个 5 维度评审」

没有按钮、没有面板、没有 Figma 插件。你只需要说话。

真实案例

「聊聊 skill」演讲 deck

花叔自己用 huashu-design 做的 13 页演讲幻灯片，全程无图形工具：

• • 黑底极简衬线视觉系统
• • 2 个带 BGM + SFX 的 22 秒 cinematic demo
• • 真实数据曲线（GitHub API 拉取）
• • 嵌入 huasheng.ai 的 25 秒 hero 动画

鹦鹉进化史网站

一句「做个介绍鹦鹉进化史的网站」，零额外要求：

• • 自动抓公共领域博物插画
• • 三套逻辑并行出 3 版真实视觉
• • 素材齐了再设计，不是边设计边用色块占位

一点小遗憾

作者坦诚地说这是一个 80 分的 skill，不是 100 分的产品：

• • 不支持图层级可编辑的 PPTX 到 Figma
• • Framer Motion 级别的复杂动画不行（3D、物理模拟、粒子系统超出边界）
• • 完全空白的品牌从零设计质量会掉到 60-65 分

但对不愿意打开图形界面的人来说，80 分的 skill 比 100 分的产品好用太多了。

写在最后

Anthropic 发布 Claude Design 那天，花叔玩到凌晨四点。

后来他发现自己再也没点开过它——不是不好，是他宁愿让 agent 在终端里帮他干活，也不愿意打开任何图形界面。

于是他让 agent 拆解 Claude Design，蒸馏成结构化 spec，再写成 skill 装进自己的 Claude Code。

这就是开源文化在 AI 时代的新形态——基于其他产品灵感的二次创作。

如果你也厌倦了在各种图形工具之间切换，试试 huashu-design。打字。回车。一份能交付的设计就来了。

GitHub 地址：https://github.com/alchaincyf/huashu-design

如果本文对您有帮助，也请帮忙点个 赞👍 + 在看 哈！❤️

在看你就赞赞我！