mirror of
https://github.com/aculix/huashu-design.git
synced 2026-10-27 15:25:58 +00:00
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:
1 parent
a502c3ccfe
commit
7a89ddb21a
2 files changed
+8
-12
No files matched your search
+4
-6
@@ -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
|
||||||
|
|||||||
@@ -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>
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## 装上就能用
|
## 装上就能用
|
||||||
|
|||||||
Reference in new issue
Block a user