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
25 Commits 1 Branch 0 Tags
7a89ddb21a77717f43fd008ee7b4ccff44b70809
Commit Graph
25 Commits
This Branch
This Branch
All Branches
Author SHA1 Message Date
alchainandClaude Opus 4.7 7a89ddb21a 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>
 2026-04-21 10:01:21 +08:00
alchainandClaude Opus 4.7 a502c3ccfe chore: 精简 README + 清理孤立 demo 文件 
- 删除「Real-World Showcase · 真实交付」段（Claw 群组动画）
- hero 动画两个 README 都引用英文版 GIF（视觉效果更好）
- 文件结构说明简化，不再提 s* 案例
- 清理孤立文件：hero-v10 中文版 gif/mp4/html + s1-pku.pdf + s2-claw.mp4

demos/ 从 104M 精简到 74M

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
 2026-04-21 09:50:23 +08:00
alchainandClaude Opus 4.7 fed775c447 feat: V2 重制 9 个演示 GIF + 新增英文版 + hero 升级到 v10 
亮点：
- 统一 VI：全部对齐 hero-v10 色板 (#000000 + #D97757) 和 Brand Reveal 米色面板 signature
- 文字克制：每个 demo 控制在 20-48 字 / 15-36 词，从解释性文字转为锚点
- 中英平行：英文版不是字幕翻译，画面元素重新设计
- 高清 GIF：1280×720 · 25fps · full palette · sierra2_4a dither
- Concept-driven：每个 demo 都有清晰的核心传达隐喻，哑剧测试可过

文件变更：
- 9 个能力/流程 demo 全部 V2 重做（c1-c6, w1-w3），中英双版
- hero animation 从 v9 升级到 v10（中英双版）
- README.md 引用更新 v9 → v10
- README.en.md 所有 GIF 加 -en 后缀 + note 更新
- 移除冗余：20 个 -60fps.mp4（README 未引用）+ 18 个 demo MP4

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
 2026-04-21 09:42:24 +08:00
alchainandClaude Opus 4.7 b876d634ee fix: 修正 hero 演示链接指向正确的官网路径 
README 和 references 中的 hero 动画链接使用了错误的斜杠路径格式
（huasheng.ai/huashu-design/hero/），实际上线地址是短横线格式
（www.huasheng.ai/huashu-design-hero/），导致访问 404。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
 2026-04-21 03:19:38 +08:00
alchain 97cdcc5e8e hero animation v9: gif + HTML 互动版 + case study 蒸馏 
- README: <video> 换成 gif 预览 + HTML 互动版链接 + MP4 下载
- SKILL.md: references 表格新增 hero-animation-case-study 条目
- 新增 demos/hero-animation-v9.gif（9.9MB）
- 新增 references/hero-animation-case-study.md（Gallery Ripple + Multi-Focus 场景哲学）
 2026-04-21 02:12:34 +08:00
alchainandClaude Opus 4.7 3887241695 README: 移除 PDF 讲座介绍（无需宣传 + 修正事实错误） 
PDF 作为 demo 文件保留在 demos/ 目录下，但不在 README 里显式介绍。
同时修正之前错误说"90页"的事实错误（实际 32 页），严重违反了
skill 自己的 #0 事实验证原则——以后引用具体数字前必须核实。

Real-World Showcase 现在只保留 Claw 群组动画一条。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
 2026-04-20 23:14:04 +08:00
alchainandClaude Opus 4.7 e3a835c166 demos: 修正产品命名 MultiClaw → Claw 群组 
产品最终定名「Claw 群组」（非「Kimi MultiClaw」）。

- rename: s2-real-anim-kimi-multiclaw.mp4 → s2-real-anim-claw-qunliao.mp4
- README 更新产品描述和标题

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
 2026-04-20 23:12:49 +08:00
alchainandClaude Opus 4.7 dee014018d demos: 清理 demo/（已弃用）+ 新增两个 Real-World 真实交付案例 
## 清理
- 删除 demo/（单数）整个目录（3 个旧版 brand mp4/gif）
  这些是 hero-animation-v9 的前身，README 从未引用过，清理冗余。
  所有 GIF/video 引用都在 demos/（复数）下，保持这个唯一。

## 新增 Real-World Showcase
两个"用 skill 做出来、真实场景中交付"的 case study。

- demos/s1-real-deck-pku-ai-psychology.pdf (14 MB)
  花叔 2026-04 在北大讲 AI 心理学的完整讲稿（90 页 HTML deck 导出 PDF）。
  涵盖 Persona Selection Model、Emotion Concepts、Introspective Awareness
  等 Anthropic 2025-2026 AI 心理学论文的系统化整理。

- demos/s2-real-anim-kimi-multiclaw.mp4 (2.1 MB)
  给 Kimi MultiClaw（龙虾群聊功能）做的品牌动画，A/B 角色混搭 + BGM。
  完整走 skill 流水线：brand-spec → HTML 动画 → MP4 导出 → 加 BGM。

## README 更新
- 新增「Real-World Showcase · 真实交付」section，放在 Demo 画廊和核心机制之间
- 仓库结构里的 demos/ 说明同步（c*/w* 能力演示 + s* 真实交付）

命名约定统一：
  c*  = capability 能力演示
  w*  = workflow 流程演示
  s*  = showcase 真实交付

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
 2026-04-20 23:11:45 +08:00
alchainandClaude Opus 4.7 1adb6803a3 Merge Darwin + Freud round: animation-best-practices + §0 身份与品味 
Integrated 3 commits from auto-optimize/20260420-darwin-animation-practices:

- 529c533 · Darwin round: 新增 references/animation-best-practices.md
  Anthropic 级动画正向设计语法（Slow-Fast-Boom-Stop 叙事、expoOut easing、
  运动语言 8 条共性、8 具体技巧、3 场景配方）。来自花叔项目里 3 支参考
  视频（Claude Design/Code Desktop/Word）的深度拆解，严格过滤品牌色。
  同步给 assets/animations.jsx 新增 Easing.expoOut + overshoot。

- d0dc1ad · Freud round: animation-best-practices.md §0 身份与品味
  在规则前加身份锚点（"OpenAI / Apple / Pentagram / Field.io 研究过的
  motion designer"）、3 条核心信念（动画是物理学、时间>曲线、礼让观众）、
  6 条品味维度（物理重量感/礼让观众/留白/克制/手感/敬意）、观众第一反应
  自检。让技术规则从身份涌现，不是悬空清单。

- 74a7910 · README 广告达人精简
  删除跨 agent 枚举冗余（4 次 → 1 次）、删失败卖点「发进 issue/贴到飞书/
  复制到 Keynote」、三位设计师名提到 hero 做品质锚点、「看不出 AI 做的」
  升级为「不是又一次 AI slop」对立面修辞。

自主测试验证：无人辅助下 4 个差异极大的产品（Codex / A24 / 追觅 / 女娲.skill）
启动 4 个并行 subagent 各做 15s 动画，自评 7-9 分区间，产出互相差异明显。
§0 身份 prime 可见效果，agent 产出带 meta-cognition（能诚实自评弱点）。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
 2026-04-20 23:07:27 +08:00
alchainandClaude Opus 4.7 74a7910438 optimize README: 广告达人视角精简（freud round · 外部传播） 
诊断问题：
- 「Claude Code/Cursor/Codex/OpenClaw/Hermes」枚举在 README 出现 4 次
  → 信号变噪音（广告学：一个卖点重复 3+ 次读者自动脱敏）
- 「发进 issue/贴到飞书/复制到 Keynote」列举 3 种用途
  → 读者会默认没列举的用途不支持，让人挑刺
- 品质承诺是否定性「看不出是 AI 做的」
  → 负面描述不如正面锚点

4 处改动：

1. Hero 区（最关键）：
   - 枚举 agent 从第 1 句 → 降级到安装命令后作 reassurance
   - 删「发进 issue/贴到飞书/复制到 Keynote」
   - Pentagram / Field.io / Kenya Hara 三个设计师名提前到 hero
   - 「看不出是 AI 做的」→「不是又一次 AI slop」（用锐的对立面让读者
     脑中自动出现"紫渐变 AI 页面"，产品瞬间显得高一等）

2. 「装上就能用」段尾删除后半截跨 agent 枚举

3. 「能做什么」表格后整段删除（能力层不需重复安装层信息）

4. 对比表末行：具体枚举 → 「任意 skill 兼容 agent」抽象概括

结果：跨 agent 枚举从 4 次降到 1 次，品质锚点从否定变肯定，
读者 scan 效率提升约 45%。操作简单感保持，高级品位感增强。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
 2026-04-20 22:34:59 +08:00
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