mirror of
https://github.com/aculix/huashu-design.git
synced 2026-10-27 07:15:54 +00:00
optimize huashu-design: 新增 Anthropic 级动画正向设计语法
Darwin round (20260420) —— 把 Anthropic 官方三支产品动画
(Claude Design / Code Desktop / for Word) 的运动逻辑和表达风格
整合进 skill,不引入任何品牌色。
## 新增 references/animation-best-practices.md (~350 行)
- §1 叙事节奏:Slow-Fast-Boom-Stop 5 段结构 + 15 秒时长映射
- §2 Easing 哲学:expoOut 作主 easing,overshoot 作 toggle,spring 作归位
- §3 运动语言 8 条共性(去品牌色版)
- §4 8 个具体运动技巧(带代码片段):
FLIP / 呼吸式展开 / 30ms stagger / 0.5s 悬停 / Chunk Reveal /
Anticipation-Action-Follow-through / 3D perspective / 斜向 Pan
- §5 3 种场景配方:Apple Keynote / 一镜到底工具 / 办公效率叙事
- §6 反例表:10 条 AI slop 反 pattern → 正确做法
- §7 交付前 14 项自检清单
- §8 与其他 reference 的关系矩阵
## assets/animations.jsx
新增 Easing.expoOut (cubic-bezier(0.16, 1, 0.3, 1))
新增 Easing.overshoot (cubic-bezier(0.34, 1.56, 0.64, 1))
## references/animations.md
Easing 表格加两行(expoOut 标 ⭐, overshoot 标 ⭐)
默认主 easing 从 easeOut 升级为 expoOut
## SKILL.md
references 路由表新增一行指向 animation-best-practices.md
## 约束声明
严格过滤品牌色。本轮不收录任何具体 HEX 色值、字体名、产品名。
色彩/字体决策走 §1.a 核心资产协议或 20 种设计哲学。
预期评分提升:79.4 → ~87.6(+8.2)
Fallback point: e1b94a4 (前一 commit)
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
e1b94a4680
commit
529c533233
4 files changed
+451
-3
No files matched your search
@@ -728,6 +728,7 @@ Screen 组件接 callback props(`onEnter`、`onClose`、`onTabChange`、`onOpe
|
||||
| 做幻灯片 | `references/slide-decks.md` + `assets/deck_stage.js` |
|
||||
| 导出可编辑 PPTX(html2pptx 4 条硬约束) | `references/editable-pptx.md` + `scripts/html2pptx.js` |
|
||||
| 做动画/motion(**先读 pitfalls**)| `references/animation-pitfalls.md` + `references/animations.md` + `assets/animations.jsx` |
|
||||
| **动画的正向设计语法**(Anthropic 级叙事/运动/节奏/表达风格)| `references/animation-best-practices.md`(5 段叙事+Expo easing+运动语言 8 条+3 种场景配方)|
|
||||
| 做Tweaks实时调参 | `references/tweaks-system.md` |
|
||||
| 没有design context怎么办 | `references/design-context.md`(薄 fallback) 或 `references/design-styles.md`(厚 fallback:20 种设计哲学详细库) |
|
||||
| **需求模糊要推荐风格方向** | `references/design-styles.md`(20 种风格+AI prompt 模板)+ `assets/showcases/INDEX.md`(24 个预制样例) |
|
||||
|
||||
Reference in new issue
Block a user