diff --git a/README.en.md b/README.en.md index 687cf82..3e5eb50 100644 --- a/README.en.md +++ b/README.en.md @@ -36,12 +36,12 @@ npx skills add alchaincyf/huashu-design ---

-

-

▲ 10-second hero animation showing what huashu-design does (download MP4 if autoplay doesn't work)

+

▲ 10-second hero animation showing what huashu-design does (download MP4 if autoplay doesn't work)

--- @@ -86,55 +86,55 @@ No buttons, no panels, no Figma plugin. Agent-agnostic — drops into Claude Cod The fallback for vague briefs: pick 3 differentiated directions from 5 schools × 20 philosophies, generate all 3 demos in parallel, let the user choose. -

+

### iOS App Prototype Pixel-accurate iPhone 15 Pro body (Dynamic Island / status bar / Home Indicator) · state-driven multi-screen navigation · real images pulled from Wikimedia/Met/Unsplash · Playwright click tests before delivery. -

+

### Motion Design Engine Stage + Sprite time-slice model · `useTime` / `useSprite` / `interpolate` / `Easing` — four APIs cover every animation need · one command exports MP4 / GIF / 60fps-interpolated / BGM-scored finals. -

+

### HTML Slides → Editable PPTX HTML decks for browser presentation · `html2pptx.js` reads DOM computed styles and translates each element into real PowerPoint objects · exports are **actual text frames**, not image-bed fakes. -

+

### Tweaks · Live Variation Switching Colors / typography / information density parameterized · side panel toggle · pure-frontend + `localStorage` persistence · survives reload. -

+

### Infographic / Data Viz Magazine-grade typography · precise CSS Grid columns · `text-wrap: pretty` typographic details · driven by real data · exports to vector PDF / 300dpi PNG / SVG. -

+

### 5-Dimension Expert Critique Philosophical coherence · visual hierarchy · execution craft · functionality · innovation — each scored 0–10 · radar-chart visualization · outputs Keep / Fix / Quick Wins punch list. -

+

### Junior Designer Workflow No heroic one-shot attempts: start with assumptions + placeholders + reasoning, show it to the user early, then iterate. Fixing a misunderstanding early is 100× cheaper than fixing it late. -

+

### Core Asset Protocol · 5-step hard process Mandatory whenever the task involves a specific brand: ask → search → download (three fallback paths) → verify + extract → write `brand-spec.md` covering **logo, product shots, UI screenshots, colors, fonts** — all required assets, not just colors. -

+

--- diff --git a/README.md b/README.md index 10fed12..7de7bf4 100644 --- a/README.md +++ b/README.md @@ -36,13 +36,13 @@ npx skills add alchaincyf/huashu-design ---

- huashu-design Hero · 打字 → 选方向 → 画廊展开 → 聚焦 → 品牌显形 + huashu-design Hero · 打字 → 选方向 → 画廊展开 → 聚焦 → 品牌显形

▲ 25 秒 · Terminal → 4 方向 → Gallery ripple → 4 次 Focus → Brand reveal
👉 访问带音效的 HTML 互动版 · - 下载 MP4(含 BGM+SFX · 10MB) + 下载 MP4(含 BGM+SFX · 10MB)

--- @@ -86,55 +86,55 @@ npx skills add alchaincyf/huashu-design 模糊需求时的 fallback:从 5 流派 × 20 种设计哲学里挑 3 个差异化方向,并行生成 3 个 Demo 让你选。 -

+

### iOS App 原型 iPhone 15 Pro 精确机身(灵动岛 / 状态栏 / Home Indicator)· 状态驱动多屏切换 · 真图从 Wikimedia/Met/Unsplash 取 · Playwright 自动点击测试。 -

+

### Motion Design 引擎 Stage + Sprite 时间片段模型 · `useTime` / `useSprite` / `interpolate` / `Easing` 四 API 覆盖所有动画需求 · 一条命令导出 MP4 / GIF / 60fps 插帧 / 带 BGM 的成片。 -

+

### HTML Slides → 可编辑 PPTX HTML deck 浏览器演讲 · `html2pptx.js` 读 DOM 的 computedStyle 逐元素翻译成 PowerPoint 对象 · 导出的是**真文本框**,不是图片铺底。 -

+

### Tweaks · 实时变体切换 配色 / 字型 / 信息密度等参数化 · 侧边面板切换 · 纯前端 + `localStorage` 持久化 · 刷新不丢。 -

+

### 信息图 / 数据可视化 杂志级排版 · CSS Grid 精准分栏 · `text-wrap: pretty` 排印细节 · 真数据驱动 · 可导 PDF 矢量 / PNG 300dpi / SVG。 -

+

### 5 维度专家评审 哲学一致性 · 视觉层级 · 细节执行 · 功能性 · 创新性 各 0–10 分 · 雷达图可视化 · 输出 Keep / Fix / Quick Wins 清单。 -

+

### Junior Designer 工作流 不闷头做大招:先写 assumptions + placeholders + reasoning,尽早 show 给你,再迭代。理解错了早改比晚改便宜 100 倍。 -

+

### 品牌资产协议 5 步硬流程 涉及具体品牌时强制执行:问 → 搜 → 下载(三条兜底)→ grep 色值 → 写 `brand-spec.md`。 -

+

---