华数设计 Skill 导读

华数设计（Huashu Design）是面向 Claude Code / Cursor / Codex 等 agent 的 HTML-native design skill。典型路径：

1. 安装 skill
2. 用一句话描述目标
3. 3–30 分钟内拿到可交付物：可点原型、HTML 幻灯片 + 可编辑 PPTX、MP4/GIF 动效、信息图、五维评审

口号很直白：Type. Hit enter. A finished design lands in your lap.

1
npx skills add alchaincyf/huashu-design

它把 HTML 作为 agent 输出面 再往前推了一步：

| 能力 | 输出 | 大致耗时 | | --- | --- | --- | | 交互原型 | 单文件 HTML，可点击，可 Playwright 验证 | 10–15 min | | 幻灯片 | 浏览器 HTML deck + 可编辑 PPTX（真文本框） | 15–25 min | | 动效 | MP4 / GIF / 可选 BGM | 8–12 min | | 方向顾问 | 多设计哲学并排，给 3 个方向 | ~5 min | | 五维评审 | 专家视角打分与修改建议 | 视稿件复杂度 |

关键点不在“会画图”，而在：把设计工作流固化成 skill 协议，让 coding agent 不用开 Figma / AE 也能完成 80 分交付。

Core Asset Protocol

涉及真实品牌时，强制走“先拿资产再画”的路径，而不是从空白页瞎编。哲学来源明确：高保真设计应生长自已有视觉系统。

Design Direction Advisor

内置多学派 / 多设计词汇。没有品牌素材时，也能靠内置词汇远离默认 AI 腔版式。

Junior Designer Workflow

把“初级设计师会怎么推进”写成可执行流程，而不是一次生成终稿碰运气。

Fact Verification First

原则 #0：先核事实，再美化表达。适合报告、信息图、产品发布页。

Anti AI-slop Rules

明确反对通用渐变、空洞金句、无信息插画堆叠。这和写作上的 stop-slop 是同一类约束，只是作用在视觉层。

| | Claude Design | Huashu Design | | --- | --- | --- | | 形态 | Web 产品 | Agent skill | | 交互 | Canvas / 图形 UI | 对话 + 文件交付 | | 输出 | Canvas + Figma 导出 | HTML / MP4 / GIF / PPTX / PDF | | 适合谁 | 愿意打开设计工具的人 | 想让 agent 直接交付的人 |

作者原话大意：Claude Design 是更好的图形工具；华数设计让“图形工具层”消失。两条路，受众不同。

• 不是层可编辑的 Figma 往返工作流
• 复杂 3D / 物理 / 粒子超出范围
• 从零无品牌输入时，质量会掉到大约 60–65 分
• 定位是 80 分 skill，不是 100 分设计产品

对“不想开 GUI、但要可分享高保真稿”的人，80 分 skill 往往比 100 分产品更常用。

直接对 agent 说话即可，例如：

• “做一份 AI 心理学主题 keynote，先给 3 个风格方向让我选。”
• “做番茄钟 iOS 原型，4 屏，真可点。”
• “把这段逻辑做成 60 秒动画，导出 MP4 和 GIF。”
• “对这份设计跑五维专家评审。”

它是 agent-agnostic：只要 harness 能加载 markdown skill，就能用。这和 agent harness 生态的趋势一致——能力下沉到 skill，而不是绑死在某一个 GUI。

README 声明：个人学习 / 实验路径与企业商用路径不同；企业集成或对外交付前应先看仓库 LICENSE 并联系作者。本文不构成授权建议。

1. 先读 HTML 惊人有效性，建立“输出面用 HTML”的默认习惯。
2. 再装 huashu-design，把原型 / 幻灯片 / 动效三类高频交付做成 skill 调用。
3. 报告类内容继续走 evidence 结构；设计类内容走 Core Asset Protocol。
4. 需要更重的信息图 / 调查叙事时，再叠自己的 evidence blog 模板。

外链入口：

• GitHub 仓库
• 中文 README
• Demo / Release 资源