简介

Huashu Design 是一个 HTML 原生的设计 Skill，适用于 Claude Code、Cursor、Codex 等任意兼容 skill 的 AI Agent。一句话 prompt 即可交付高保真原型、幻灯片、动画和信息图。

核心能力

  • 交互原型：单文件 HTML，真 iPhone 机身，可点击，Playwright 验证（10-15min）
  • 演讲幻灯片：HTML deck + 可编辑 PPTX（15-25min）
  • 时间轴动画：MP4/GIF 导出 + BGM，支持 60fps 插帧（8-12min）
  • 信息图/可视化：印刷级排版，可导 PDF/PNG/SVG（10min）
  • 5 维度专家评审：哲学一致性、视觉层级、细节执行、功能性、创新性（3min）

核心机制

  • 品牌资产协议：涉及品牌设计时强制 5 步流程（问→搜→下载→grep色值→固化spec）
  • 设计方向顾问：5 流派 × 20 种设计哲学，模糊需求时推荐 3 个差异化方向
  • Junior Designer 工作流：先写 assumptions + placeholders，尽早 show，迭代交付
  • 反 AI slop 规则：避免紫渐变、emoji 图标等 AI 设计通病

链接

  • GitHub：https://github.com/alchaincyf/huashu-design