华数设计 Skill 导读
About 6 min read
HTML-native design skill：一句话交付原型、幻灯片、动效与五维评审，不镜像 README 全文
Contents · 8 sections · jump to a heading
源项目：alchaincyf/huashu-design（中文 README：README.zh.md）。
本文是导读 + 外链，不镜像仓库全文、不复制商业授权条款细节。
华数设计（Huashu Design）是面向 Claude Code / Cursor / Codex 等 agent 的 HTML-native design skill。典型路径：
- 安装 skill
- 用一句话描述目标
- 3–30 分钟内拿到可交付物：可点原型、HTML 幻灯片 + 可编辑 PPTX、MP4/GIF 动效、信息图、五维评审
口号很直白：Type. Hit enter. A finished design lands in your lap.
1npx 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 并联系作者。本文不构成授权建议。
- 先读 HTML 惊人有效性，建立“输出面用 HTML”的默认习惯。
- 再装 huashu-design，把原型 / 幻灯片 / 动效三类高频交付做成 skill 调用。
- 报告类内容继续走 evidence 结构；设计类内容走 Core Asset Protocol。
- 需要更重的信息图 / 调查叙事时，再叠自己的 evidence blog 模板。
外链入口：