aculix/huashu-design
1
0 Fork 0
mirror of https://github.com/aculix/huashu-design.git synced 2026-10-27 07:15:54 +00:00
Code Issues Packages Projects Releases Wiki Activity
15 Commits 1 Branch 0 Tags
d0dc1ad54465eedfe561428fa5340f6ef38d2834
Commit Graph
15 Commits
This Branch
This Branch
All Branches
Author SHA1 Message Date
alchainandClaude Opus 4.7 d0dc1ad544 optimize huashu-design: animation-best-practices 新增 §0 身份与品味（freud round） 
Freud-skill 五镜头诊断发现致命缺口：文档是一本《动画技术手册》，
告诉 agent「怎么做」但没告诉 agent「你是谁、什么是美」。

致命问题（镜头 1 + 镜头 4）：
- 身份缺失：agent 做动画时扮演谁？机械遵守规则，遇到没覆盖的场景失去方向
- 品味缺失：14 条规则是悬空的，没有 meta-level 的「美」的正面定义

## 新增 §0 节（文档开头，约 80 行）

§0.1 身份锚点：
  "你是一个研究过 Anthropic / Apple / Pentagram / Field.io 运动档案的
   motion designer。做动画时，你不是在调 CSS transition——你是在用数字元素
   模拟一个物理世界。"

§0.2 核心信念（3 条）：
  1. 动画是物理学，不是动画曲线
  2. 时间分配比曲线形状更重要
  3. 礼让观众，比炫技更难

§0.3 品味标准 · 什么是美（6 维度）：
  物理重量感 / 礼让观众 / 留白 / 克制 / 手感 / 敬意
  每维度配「识别方法」——agent 用品味判断，不是背规则

§0.4 观众第一反应法自检：
  "这个东西看起来真的像从桌面上浮起来的" = great
  "这不像是 AI 做的" = 触到 Anthropic 门槛

§0.5 身份和规则的关系：
  让 agent 理解 §1-8 技术规则是身份的自然展开，不是独立清单
  遇到冲突 → 回到 §0 用品味标准判断
  想破规则 → 先回答"符合 §0.3 哪一条美？"

## 附带修改

## 核心哲学 → ## 总览（避免与 §1 数字章节冲突）

## 约束

文档总量 350 → 约 430 行（+23%），远小于 150% 上限。
Fallback: 529c533（前一 commit）

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
 2026-04-20 22:31:56 +08:00
alchainandClaude Opus 4.7 529c533233 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>
 2026-04-20 22:20:19 +08:00
alchainandClaude Opus 4.7 e1b94a4680 baseline before Darwin animation-practices round 
Snapshots current state as fallback point:
- SKILL.md: Step 9 now defaults to SFX+BGM audio export (not optional)
- SKILL.md: §1.a core asset protocol adds Step 3.4 "5-10-2-8" quality gate for non-logo assets
- New assets/sfx/* library (37 SFX across 9 categories)
- New references/audio-design-rules.md + sfx-library.md + apple-gallery-showcase.md

Next: Darwin will propose animation-practices integration from the 参考动画
reference corpus (BEST-PRACTICES.md, ref-1/2/3 analysis). This commit is the
rollback point if the round doesn't land cleanly.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
 2026-04-20 22:10:46 +08:00
alchain 48c677e470 docs: restore Chinese README as default + add English README 
- README.md restored to Chinese (the default for Huasheng's primary audience)
- Added language toggle at top-left: English link in Chinese README, Chinese link in English README
- Added bilingual tagline in Chinese README hero
- Added demos/hero-animation-v9.mp4 (10MB) as hero animation, fallback to w3 GIF
- English README created as README.en.md with same demo gallery assets

Fixes: prior commit mistakenly replaced Chinese README entirely with English version
 2026-04-20 21:55:54 +08:00
alchain 08b32b0807 Merge core-assets-fact-check optimization (Darwin round) 
Based on real DJI Pocket 4 launch animation failure (2026-04-20):
- Add Principle #0: Fact Verification First (WebSearch before assumptions)
- Upgrade §1.a from 'Brand Asset Protocol' to 'Core Asset Protocol':
  logo/product-shots/UI are now first-class assets, colors auxiliary
- Update workflow Step 1/2 to enforce the new order
- Add 'CSS silhouette for product shot' to anti-slop list
- Translate README.md to English (international audience)

Darwin score: 62.3 → 86.7 (+24.4)
 2026-04-20 21:34:04 +08:00
alchain 321c172f54 docs: translate README.md to English (skill repo convention) 
The repo targets an international developer audience on GitHub,
so the README should be in English while SKILL.md (agent-facing)
stays in Chinese for Huasheng's workflow.

Also sync README to reflect the §1.a upgrade from 'Brand Asset Protocol'
to 'Core Asset Protocol' (logo/product-shots/UI are first-class assets,
colors become auxiliary). Added Fact Verification First (Principle #0)
to the Core Mechanics section.
 2026-04-20 21:33:23 +08:00
alchain e5509714fd optimize huashu-design: 核心提醒同步新增事实验证+资产要点 2026-04-20 21:29:00 +08:00
alchain 27acca56e9 optimize huashu-design: workflow+反slop同步更新 
配套改动：
- Step 1 新增'0. 事实验证'前置步骤（WebSearch验证产品/技术存在性和状态）
- Step 2 从'探索资源+抽spec'升级为'探索资源+抽核心资产'，新增检查点2资产自检
- 反AI slop清单§6.2新增'CSS剪影代产品图'条目（DJI Pocket 4实测）

对应rubric维度：工作流清晰度(+) 检查点设计(+)
 2026-04-20 21:28:30 +08:00
alchain 98cdd1d2e0 optimize huashu-design: §1.a升级为「核心资产协议」 
重点从抽色值升级为抽核心资产矩阵：
- 资产识别度排序：Logo>产品图/UI>色值>字体>气质
- 实体产品必须有产品图，数字产品必须有UI截图，任何品牌必须有logo
- Step 1 问清单6项，不只是'有brand guidelines吗'
- Step 2-3 按资产类型分开搜索路径和下载方法
- Step 4 验证包括logo清晰度/产品图分辨率/UI真实性，不只grep色值
- Step 5 brand-spec.md模板新增核心资产区，加logo/产品图/UI文件路径字段
- 兜底策略：找不到logo必须停下问用户，找不到产品图优先nano-banana-pro生成
- 新增反例：DJI Pocket 4（2026-04-20，触发本升级）
- 禁止：用CSS剪影代替真实产品图

对应rubric维度：指令具体性(+) 整体架构(+) 实测表现(+)

花叔原话：「我们应当善用品牌核心资产...这可能是比所谓的品牌设计的spec更重要的基本逻辑。否则，我们在表达什么呢？」
 2026-04-20 21:27:18 +08:00
alchain 5d3776dbaf optimize huashu-design: 新增#0原则「事实验证先于假设」 
针对2026-04-20真实踩过的坑升级：
- 凭记忆断言「DJI Osmo Pocket 4还没发布」，实际已发布4天
- 新原则规定：涉及具体产品/技术的存在性/发布状态/版本号/规格断言前必须WebSearch
- 优先级高于clarifying questions——问问题的前提是事实正确
- 包含禁止句式清单和反例

对应rubric维度：边界条件覆盖(+) 检查点设计(+) 实测表现(+)
 2026-04-20 21:23:20 +08:00
alchain 1db8719cf0 chore: preserve pre-darwin manual edits (audio/gallery refs) 2026-04-20 21:21:52 +08:00
alchainandClaude Opus 4.7 b127f8baa3 launch huashu-design v1.0: 9 demos + marketing-first README 
- 新增 9 个能力 demo（workflow + capability），每个 MP4 + GIF + 60fps
- README 重写：营销 hook 开头 · 功能优先结构 · 自然嵌入 GIF
- 修复 render-video.js Google Fonts networkidle 超时
- 修复 c1-ios-prototype 刘海/Home Indicator 背景色
- 补充 references/editable-pptx.md 和 scripts/export_deck_stage_pdf.mjs

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
 2026-04-20 18:19:48 +08:00
alchainandClaude Opus 4.7 f3692aac10 redesign brand film v2: Kimi-inspired editorial style 
从 Kimi/MultiClaw 品牌片学来的视觉语言：
- 1280×720（vs 1920×1080），更紧凑、GIF 更小
- 20s（vs 25s），节奏更紧，克制到极致
- 6 幕 Roman numeral 分幕：I·ASK / II·PROPOSE / III·PICK / IV·CRITIQUE / V·EXPORT / VI·花叔DESIGN
- 黑 #1A1A1A 主幕 + 奶白 #FAF9F6 反转幕（PICK 决策 + EXPORT 产出切 cream）
- 赤陶橙 #C85A3F 单 accent 保留（品牌连续性，不借 Kimi 蓝）
- Noto Serif SC 巨字中文 display + Newsreader italic 英文点缀
- 底部水印「HUASHU-DESIGN · MMXXVI」常驻，颜色跟随底色反转
- 巨型背景 Roman numeral（如 "II"）做 0.04 opacity 幽灵水印

产出尺寸缩小至原来的一半，README GIF 从 3.3MB → 2.4MB。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
 2026-04-20 01:04:23 +08:00
alchainandClaude Opus 4.7 0641899b74 add brand film + rename to 花叔Design / Huashu-Design 
- 25 秒品牌片：Junior Designer 工作流演示 → 3 方向假设 → 用户选 → variations → 五维评审 → 一键导出
- 用本 skill 自己的动画引擎（Stage/Sprite）+ render-video.js + convert-formats.sh + add-music.sh 全链路完成
- 产出：60fps MP4 2.2MB / 25fps MP4 2.1MB / palette GIF 3.3MB
- README 顶部内嵌 GIF，下方 MP4 下载链接
- 品牌名收紧为「花叔Design」/「Huashu-Design」（舍弃冗长的「花叔设计工作台」）

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
 2026-04-19 23:41:22 +08:00
alchainandClaude Opus 4.7 7d7bab4a82 init: huashu-design skill v1.0 
花叔设计工作台 —— AI 驱动的 HTML 设计工作流，支持 Claude Code / Codex /
Cursor / Trae / OpenClaw / Hermes Agent 等任意 skill-compatible agent。

四条主干能力：
- HTML 高保真视觉产出（原型/App/幻灯片/动画/变体/信息图）
- 设计方向顾问 Fallback（5 流派 × 20 设计哲学 × 24 预制 showcase）
- Junior Designer 工作流（先 show 假设再迭代）
- 专家级 5 维度评审（哲学/层级/执行/功能/创新）

工程工具链：
- HTML → 25fps/60fps MP4 + palette GIF，含 6 首场景化 BGM
- HTML → PDF / PPTX 导出
- Playwright 截图 + 控制台错误验证
- iOS/Android/macOS/Browser 设备边框 + Stage/Sprite 动画引擎

初版包含 SKILL.md + 13 份 references + 7 个 scripts + 18 类 assets。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
 2026-04-19 22:41:51 +08:00