前言¶
做智能体产品的人常会卡在同一个环节：让模型出一份能看的页面，得到的往往是一坨排版失控的 HTML——字体随便选、间距不统一、截图出界。改一版要重新写提示词，还不如自己动手搭。huashu-design 就是针对这件事的：它是一个 HTML 原生的设计 skill，装到 agent 之后，用一句话描述需求，拿回的可以直接当交付物用，而不是又一张需要重做的稿子。
这个插件的目录页显示它由 alchaincyf 维护，分类是「工作流」，快照星标 28797。它同时是一个给 DeepSeek Harness（DSH）用的插件，DSH 桌面端装完就能调用。下面介绍它到底能做什么、怎么装、怎么用。
这是什么¶
huashu-design（花叔 Design）定位是「HTML-native design skill」，交付物全部以 HTML / CSS 为基底，再由脚本转成 PPTX、PDF、MP4、GIF 等成品文件。维护者是 alchaincyf，即花叔。仓库 license 为 MIT，自 2026-05-14 起完全开源，个人和商用都免费。
它解决的问题是：模糊需求下「按什么风格做」没有标准答案。插件的做法是先给方向再做稿——三套逻辑（最佳设计师、同媒介获奖作品、秒数轮盘）各出两个候选，一共六张缩略图，你再挑三版做成真实视觉。需求里给了品牌资产（logo、色板、UI 截图），它会先读品牌气质；什么都没给，也能靠风格库兜底，避免出「一眼 AI 生成」的稿子。
仓库 package.json 的版本号是 3.2.0，README 已更新到 3.1 能力（小红书图文），依赖里有 pptxgenjs、playwright、pdf-lib，分别对应可编辑 PPTX、浏览器渲染与 PDF 导出。
核心能力¶
插件的能力在 README 里列成了一张表，逐条写清楚交付物和典型耗时：
| 能力 | 交付物 | 典型耗时 |
|---|---|---|
| 交互原型（App / Web） | 单文件 HTML、真 iPhone bezel、可点击、Playwright 验证 | 10–15 min |
| 演讲幻灯片 | HTML deck + 可编辑 PPTX（保留文本框） | 15–25 min |
| 时间轴动画 | MP4（25 fps / 60 fps 插帧）+ GIF + BGM | 8–12 min |
| 设计变体 | 3 个以上并排对比、参数实时调、跨维度探索 | 10 min |
| 信息图 / 可视化 | 印刷级排版，可导 PDF / PNG / SVG | 10 min |
| 小红书图文 / 封面 | 3:4 竖图一组（最多 18 张）、8 种范式模板、长卷连续滑动 | 10–15 min |
| 设计方向顾问 | 三套逻辑各出两个候选，六张缩略图挑三版真实视觉 | 10 min |
| 5 维度专家评审 | 雷达图 + Keep / Fix / Quick Wins 修复清单 | 3 min |
风格库里带样张的样式，README 3.0 公告写的是 84 种（含新增的 App 与中文东亚两个分区）；同一个 README 的 Demo 画廊段落又记为 92 种。这里取 3.0 公告的口径。
除了出图，插件还有两个机制值得留意。一是「设计体检」，只量事实，比如两版首屏撞了同一张画时会被标出来；二是「外观账本」，会记下你之前做过什么样的标题字体偏好，下一个项目据此调整。
安装与启用¶
DSH 桌面端用命令行安装，profile 名是 desktop（网页版换成 web）：
dsh plugin --profile desktop add github:alchaincyf/huashu-design
装之前需要先把桌面端打开过一次、并且完全退出；装完再重新打开 DSH，插件才会加载。卸载命令同一路径：
dsh plugin --profile desktop remove huashu-design
README 提到几个实际会遇到的情况：一是这个 skill 不只一个 SKILL.md，references/、assets/、scripts/、demos/ 四个子目录被引用了 99 处，如果装完只有 SKILL.md，说明 skills CLI 版本太旧（≤1.5.15 有只同步单文件的 bug，1.5.19 修复），需要升级后重装：
npm i -g skills@latest
二是桌面端实测会直接用它自带的 Python 生成可编辑 PPTX；导出 PDF 时脚本会借用你电脑上已装的 Chrome 或 Edge。
也可以在 Claude Code / Codex / Cursor / DeepSeek Harness 等支持 skills 的 agent 里走 skills 通道，命令是：
npx skills add alchaincyf/huashu-design
典型用法¶
装完之后没有面板也没有按钮，直接用自然语言说需求即可。下面是 README 里给出的四条示例：
「做一份 AI 心理学的演讲 PPT，推荐 3 个风格方向让我选」
「做个 AI 番茄钟 iOS 原型，4 个核心屏幕要真能点击」
「把这段逻辑做成 60 秒动画，导出 MP4 和 GIF」
「帮我对这个设计做一个 5 维度评审」
注意第一条的措辞是「推荐 3 个风格方向让我选」。插件的工作流必须先选方向再出真稿，需求写清楚「要几版、让我选」才能触发六选三的流程，而不是直接给你一版成品。
挑选方向时，三套逻辑有明确分工：最佳设计师对应预算无上限时最适合的那位设计师；现实参照找同媒介的获奖作品，插件会先截图亲眼看再动手；秒数轮盘从风格库里随机抽，用来打破惯性。六个候选先画成一页缩略图，选中的三版做成真实视觉，另外三张作为备选一起给你，而不是只留一张。
适用场景与注意事项¶
适合这类人：在 agent 里做产品原型、发布物料、科普长图或演示幻灯片，交付标准是「能看出专业设计水平」，而不只是「看起来像 AI 做的」。不等价的场景是精细修图、照片级渲染，插件全程是 HTML / CSS 原生产出，不生成位图素材，风格库里的样张也是纯 CSS。
使用前需要确认两件事。一是插件以当前 dsh 进程权限运行，安装前应检查源码和许可证——本仓库是 MIT，商用免费，但这属于你本地的一次判断，不应该由插件自动跳过。二是发布前的内容核查：README 里黑洞科普那例明确写了「每页都标了出处，事实先过核查再上页面」，插件能产出排版，审校仍然要人来做。
还有一点和版本相关：README 提示装完先自检安装目录是否完整，缺子目录时优先升级 CLI 而不是改用 git clone 兜底；后者是旧版 CLI 修好之后的残余问题，不是常规安装路径。
收尾¶
huashu-design 的价值在于把「风格判断 + 排版 + 导出」打包成一条可复现的工作流，让 agent 从写一坨 HTML 变成交一份能直接检查的稿子。它的价值边界也一样清楚：风格方向、内容核查、素材版权，仍然由人把关。
目录页：https://www.skillhub.cn/plugins/alchaincyf/huashu-design
仓库：https://github.com/alchaincyf/huashu-design
