27.7k⭐️GitHub Skill!拥有超强设计能力!

xuan

本指南面向想快速产出可交付设计的人:说明通过 npx 安装 alchaincyf/huashu-design,并在本地通过兼容 agent(截图列举若干 agent 名称)调用,生成网页(HTML/CSS)、可编辑 PPT、App 原型、信息图与动画的高层流程。包含安装后必须自检的四个子目录(references、assets、scripts、demos)、先出六张缩略图再选三版的工作流、84 种风格库与 MIT 许可等需核验的要点。

图片解读

第 1 张图片 — 事实(可读取的文字、界面元素、图表数据与可见现象,按页面先后顺序)

- 页面顶栏(左侧为选项卡):

- 选项卡文本:README、MIT license、Security(README 被选中,带橙色下划线/高亮)。

- 语言切换:地球图标 后 面为 “中文 · English”。

- 页面主标题(居中、大号):Huashu Design

SkillPI 作品解读

用途:

- 根据截图可见信息,该项目(huashu-design)定位为一个可被 agent 调用的 design skill,旨在快速生成可交付的设计产物,包括网页(HTML/CSS)、可编辑 PPT、App 原型、产品发布动画和印刷级信息图。README 主张输出在 3 到 30 分钟内完成的素材。

图片证据要点(可在截图中直接核验的项目):

- 项目标题 "Huashu Design" 与标语(中英并列)清楚可见;徽章显示 MIT 许可、Agent Agnostic、skills.sh Compatible;页面包含安装命令 npx skills add alchaincyf/huashu-design;页面正文明确提到“84 种风格库”、先生成六张缩略图再挑三版做真稿、以及一个“外观账本”功能;声明已改为 MIT 许可并给出变更日期 2026-05-14。

- 页面显示跨 agent 兼容的说明,列举了 Claude Code、Cursor、Codex、OpenClaw、Hermes 五个 agent 名称(截图可见)。

关联 Skill 的使用步骤(基于 README 可见描述,按可验证文本整理为可执行的高层流程):

1) 安装 skill:在支持的环境中运行显示的命令 npx skills add alchaincyf/huashu-design(命令文字来源于截图)。

2) 完成安装后自检:核验仓库或安装目录包含四个子目录——references、assets、scripts、demos,文中强调缺一不可(截图可见该提示)。

3) 在兼容的 agent 中调用 skill:向 agent 发出自然语言指令(例如“做一份旅行攻略 PPT”),skill 会先生成六张缩略图(两套按最佳设计师思路、两套参照获奖作品、两套随机风格库抽取)。

4) 从六张缩略图中挑选(例如挑三版),然后 skill 将所选方向扩展为最终可交付的真稿(README 陈述此流程)。

5) 提供可选的品牌资产(logo、色板、UI 截图)以提高生成的品牌一致性;未提供时仍可从 84 个带样张的风格库中选择样式(截图文字显示该行为)。

复现前提(在复现或验证上述流程前应满足的条件):

- 可执行 npx 命令的本地环境(Node.js / npx 可用);

- 安装或可访问的 skills CLI 环境(README 提到旧版 CLI 有只同步单文件的 bug,故需确认 CLI 版本与行为);

- 一个兼容的 agent 或 agent 平台(截图列举了若干 agent 名称,需在实际环境中确认哪些 agent 已实际实现对该 skill 的支持);

- 本地文件系统权限以保存 references、assets、scripts、demos 等子目录内容;

- 网络/许可前提:README 明示“核心链路本地跑,不联网不上传”,但仍应验证实际调用时是否完全本地化(需在实际环境中验证)。

待核实项(截图中陈述的点在实机运行前应验证):

- 跨 agent 兼容性的实际可用性:截图列出多个 agent 名称,但应在各 agent 环境中实际测试调用与输出结果;

- 输出格式与质量:README 声称可输出“印刷级信息图”“能片式的 app 原型”“产品发布动画”等,应在运行后核验具体文件类型、可编辑性与质量边界(尤其说明作者已说“复杂 3D 动画不行”);

- 84 种风格库的具体内容与样张对应关系:截图提到 84 种与中文/东亚细分(含吕敬人书籍设计、宋刻本版式、民国书衣等),需查看安装后的 references 或 demos 目录以确认样张与源码的存在形式;

- MIT 许可变更的生效与适用范围:README 显示“自 2026-05-14 起本 skill 完全开源 (MIT License)”,应在仓库 LICENSE 文件或版本记录中核验该变更;

- skills CLI 的旧版 bug:截图提示旧版 CLI 可能仅同步单文件,复现前应确认当前 CLI 版本并执行自检步骤以避免缺少子目录。

结论(基于截图可核验事实与需验证项的汇总):

- 截图提供了安装命令、功能简介、核心运行流程与若干限制说明(本地运行、不上传、80 分而非 100 分的定位),适合将其作为复现与验证的操作清单来源。但要在实际环境中运行命令并检查安装目录与演示文件,以完成对跨 agent 兼容性、风格库完整性、输出格式与质量等关键项的核验。

作品来源 ↗