docs: 重写介绍段 + 删重复 w3 GIF

- 介绍段换 MrBeast 视角:去专业术语 / 改「3-30 分钟」/ 品牌资产双路径 / 强调 README 动画都是 skill 自己做的(proof by execution)
- 删除 hero 下方重复出现的 w3-fallback-advisor GIF(无描述版),只保留 Demo Gallery 里那张

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
alchainandClaude Opus 4.7 committed 2026-04-21 10:01:21 +08:00
1 parent a502c3ccfe
commit 7a89ddb21a
2 files changed
+8 -12

No files matched your search

+4 -6
View File
@@ -17,9 +17,11 @@
<br> <br>
Thirty seconds later, you have a slide deck, an iOS prototype, a motion-design sequence, or an infographic. Drop it in an issue, paste it into Keynote, ship it to Notion. 3 to 30 minutes — you ship a **product launch animation**, a clickable App prototype, an editable PPT deck, a print-grade infographic.
It doesn't look like AI made it. Twenty real design philosophies are distilled into the skill (Pentagram's information architecture, Field.io's motion poetics, Kenya Hara's eastern minimalism…). The agent grabs brand assets, builds a design spec, generates HTML, runs Playwright verification, then critiques itself against a 5-dimension rubric. Not "decent for AI" quality — it looks like a real design team made it. Give the skill your brand assets (logo, colors, UI screenshots) and it reads your brand's voice; give it nothing and the built-in 20 design vocabularies still keep you out of AI slop territory.
**Every animation in this README was made by huashu-design itself.** No Figma, no After Effects — just a sentence + skill run. Next product launch needs a promo video? You can make it too.
``` ```
npx skills add alchaincyf/huashu-design npx skills add alchaincyf/huashu-design
@@ -41,10 +43,6 @@ npx skills add alchaincyf/huashu-design
<p align="center"><sub>▲ 10-second hero animation showing what huashu-design does (<a href="demos/hero-animation-v10-en.mp4">download MP4</a> if autoplay doesn't work)</sub></p> <p align="center"><sub>▲ 10-second hero animation showing what huashu-design does (<a href="demos/hero-animation-v10-en.mp4">download MP4</a> if autoplay doesn't work)</sub></p>
<p align="center">
<img src="demos/w3-fallback-advisor-en.gif" alt="Fallback design advisor · 3 differentiated directions from 20 design philosophies" width="100%">
</p>
--- ---
## Install ## Install
+4 -6
View File
@@ -17,9 +17,11 @@
<br> <br>
30 秒后,你手里有一份 PPT、一个 App 原型、一段时间轴动画、一张信息图——做出来的东西有 Pentagram 的信息建筑、Field.io 的运动诗学、Kenya Hara 的东方极简,不是又一次 AI slop。 3 到 30 分钟,你能 ship 一段**产品发布动画**、一个能点击的 App 原型、一套能编辑的 PPT、一份印刷级的信息图。
背后是 20 种真实设计语言被蒸馏进 skill:agent 抓品牌色、搭 design spec、生成 HTML、跑 Playwright 验证,最后自己评审打分。 不是「AI 做的还行」那种水平——是看起来像大厂设计团队做的。给 skill 你的品牌资产(logo、色板、UI 截图),它会读懂你的品牌气质;什么都不给,内置的 20 种设计语汇也能兜底到不出 AI slop。
**你看到这篇 README 里的每一个动画,都是 huashu-design 自己做的。** 不是 Figma,不是 AE,就是一句话 prompt + skill 跑通。下次产品发布要做宣传片?现在你也能做。
``` ```
npx skills add alchaincyf/huashu-design npx skills add alchaincyf/huashu-design
@@ -43,10 +45,6 @@ npx skills add alchaincyf/huashu-design
<a href="demos/hero-animation-v10-en.mp4">下载 MP4(含 BGM+SFX · 10MB)</a> <a href="demos/hero-animation-v10-en.mp4">下载 MP4(含 BGM+SFX · 10MB)</a>
</sub></p> </sub></p>
<p align="center">
<img src="demos/w3-fallback-advisor.gif" alt="Fallback 设计顾问 · 从 20 种设计哲学推荐 3 个差异化方向" width="100%">
</p>
--- ---
## 装上就能用 ## 装上就能用