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
30 Commits 1 Branch 0 Tags
master
Commit Graph
12 Commits
Author SHA1 Message Date
alchainandClaude Opus 4.7 a75835d3ef docs: HTML-first 幻灯片架构 + grammar 模板 + moxt 实战经验 
幻灯片交付升级为 HTML-first：每页独立 HTML + index.html 聚合永远是
默认基础产物，PDF/PPTX 是从 HTML 一行命令导出的衍生物。

核心变化：
- export_deck_pptx.mjs 删掉 image 模式（168 行→85 行），只保留 editable 路径
- editable-pptx.md 末尾新增 Fallback 章节：已有视觉稿又必须出 editable PPTX
  时，AI 以视觉稿为蓝本重写合规 HTML（不是硬转截图）
- slide-decks.md 新增 3 节：
  · 批量制作前先做 2 页 grammar showcase 的流程规则（≥5 页 deck 强制）
  · 出版物 grammar 模板（masthead + kicker + h1 + italic 副 + footer，moxt 实测）
  · 常见踩坑（emoji 不渲染 / playwright 路径 / 字体加载 / 信息密度）
- SKILL.md 同步更新 checkpoint 和 Starter Components 表格

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