alchaincyf/huashu-design

Huashu Design 3.0 · 在 agent 里打一句话,拿回能交付的设计:网页 / App 原型 / 可编辑 PPTX / 动画 / 信息图 · 六个候选挑三个方向 · 84 种带样张的风格库 · 越用越懂你的外观账本与设计体检 · HTML-native design skill for Claude Code, Codex, Cursor & any agent

Open original source ↗

Older snapshot: check the original source for current information.

From the publisher

README & documentation

Source preview

Read the project’s overview, installation instructions and usage examples. The original README is the source of truth.

🌐 中文 · English [](LICENSE) [](https://skills.sh) [](https://skills.sh) 在你的 agent 里打一句话,拿回一份能交付的设计。 3 到 30 分钟,你能 ship 一段产品发布动画、一个能点击的 App 原型、一套能编辑的 PPT、一份印刷级的信息图。 不是「AI 做的还行」那种水平——是看起来像大厂设计团队做的。给 skill 你的品牌资产(logo、色板、UI 截图),它会读懂你的品牌气质;什么都不给,六张缩略图里挑出的三个真实方向 + 92 种带样张的风格库也能兜底到不出 AI slop。 你看到这篇 README 里的每一页设计,都是 huashu-design 自己做的。 不是 Figma,不是 AE,就是一句话 prompt + skill 跑通。下次产品发布要做宣传片?现在你也能做。 跨 agent 通用——Claude Code、Cursor、Codex、OpenClaw、Hermes 都能装。 看效果 · 安装 · 能做什么 · 核心机制 · 和 Claude Design 的关系 ▲ 3.0 发布片 · 32 秒 · 片里每一页设计都是 3.0 自己做的,剪辑用的是 huashu-motion 👉 下载 MP4(1080p · 含配乐 · 24MB) · 2.0 的带音效 HTML 互动版 下面这些都是 3.0 跑出来的。前五个是从发布时新跑的 6 道题里挑的,每道只给一句话需求,方向是 agent 自己挑的,作者没插手;后两个一个是第三轮盲选赢下来的那版,一个是发布后作者拿它做的真实项目。 三版分别是 Rijksmuseum 官网式的暗场展厅、田中一光式的三角窗、民国书衣式的题签框。设计体检报过一次撞车:两版首屏都用了《神奈川冲浪里》,它就把暗场那版换成了《山下白雨》。 往下一章讲普鲁士蓝,依据是大都会博物馆的光谱研究;全 46 幅都来自芝加哥艺术博物馆和大都会的开放馆藏。 现实参照找的是拿了 2025 年苹果设计奖的 CapWords,refboard.py 先把它截成参考板,agent 亲眼看过再动手。借来的是「从照片里撕下一张贴纸」:每只鸟都从 Wikimedia 的真实照片里分割出来,贴进一年的本子里,叫声波形是拿真实录音算的。 秒数轮盘恰好抽到吕敬人书籍设计,最后做成了一本菜谱:一道菜一页方子,切口旁边留一条旁注栏,写「擦干再煎才不溅油」「老抽只要几滴」,朱砂只给「开做」这一方印。外观账本看到最近 6 个交付里 5 个是无衬线标题,这一版挑了宋体。 走的是最佳设计师 Abbott Miller 式的暗场展柜,暗底取的是绢地最暗处的颜色。封面底下那条细长的位置条就是整卷缩略图,框出这一页在 11.9 米长卷的哪一段。 现实参照是 Jonathan Corum 的讲座幻灯片:黑底、照片做主角、标注直接写在图上。每页都标了出处,事实先过核查再上页面。 把植物当成会呼吸的生命体征来读。App 原型做成一张有构图的展示板,几台手机错落排开。 三年里所有旅行照片的地图。选的是葛西薰式的白纸明朝体长卷,开头一张卫星地图串起所有旅程,往下一段旅程一章。选完作者顺口说了句「尽量不要遗漏」,它就记进了经验:个人回忆类档案照片要全,而且注明只适用于照片档案,不外溢到产品界面。 不知道怎么用?看花叔录的 huashu-design 上手教程: 👉 在 YouTube 观看完整教程 然后在 Claude Code / Codex / Cursor 等任意支持 skills 的 agent 里直接说话: 没有按钮、没有面板、没有 Figma 插件。 模糊需求时的 fallback:三套互补逻辑各出两个候选——最佳设计师(预算无上限时最适合的设计师)+…

alchaincyf/huashu-design on GitHub A short preview, not the full document.

Read the full README ↗ · Preview checked 2026-10-31T22:45:27.993Z

Inside the original README — Document outline
  1. Huashu Design
  2. 3.0 案例
  3. 网页 · 《富岳三十六景》线上展
  4. App · 鸣迹(观鸟记录)
  5. App · 今晚吃啥(家常菜谱)
  6. PPT · 《千里江山图》讲座
  7. PPT · 黑洞的照片是怎么拍出来的
  8. App · 绿拇指(第三轮盲选赢的那版)
  9. 网页 · 旅居档案(作者自己的项目)
  10. 📺 新手教程(花叔亲录)
  11. 装上就能用
  12. Star 趋势

Headings are captured from the source. Links open the publisher’s document, not a locally hosted copy.

Links from the README

References supplied by the publisher, not independently verified endorsements. Check the destination before downloading files or entering credentials.

Documentation belongs to its respective authors. Reported project/model license: MIT. A listing is not a grant of reuse or training rights. Confirm the document’s own terms at the source.

What this repository does

Huashu Design 3.0 · 在 agent 里打一句话,拿回能交付的设计:网页 / App 原型 / 可编辑 PPTX / 动画 / 信息图 · 六个候选挑三个方向 · 84 种带样张的风格库 · 越用越懂你的外观账本与设计体检 · HTML-native design skill for Claude Code, Codex, Cursor & any agent

Repository facts

Owner
alchaincyf
Primary language
HTML
Stars
26,447
Forks
2,947
Open issues + pull requests
5
License
MIT
Archived
No
Default branch
master
Created
2026-04-19T14:42:06.000Z
Last push
2026-10-23T15:32:08.000Z

Topics and intended use

Owner-supplied topics: agent-skills, ai-design, claude-code, claude-skills, codex, cursor, design, html, pptx, prototype

Review the README for scope, installation, examples and limitations. We do not run repository code or certify it.

Evaluate before installing

Review licensing and dependencies, inspect recent commits and unresolved issues, and test in an isolated environment before production use. Stars and forks alone cannot answer these questions.

README and project files

Issues and maintenance discussion

Releases and changelog

Source and freshness

Source: GitHub. Metadata observed 2026-10-26T12:11:08.541Z. Daily imports are snapshots, not real-time monitoring.

Popularity and source listings do not establish security, suitability, licensing rights or benchmark performance.

Open original source

Related repositories

ossu/computer-science

ripienaar/free-for-dev

cathrynlavery/diagram-design

eternity4719/HowToLiveBetter

ToolJet/ToolJet

fengdu78/Coursera-ML-AndrewNg-Notes