Huashu Design（花叔Design）
在 agent 里打一句话、拿回一份能交付的设计：用纯 HTML/CSS 产出高保真可点击原型、演讲幻灯片、时间轴动画（MP4/GIF）、印刷级信息图与 5 维评审。内置品牌资产协议、40 种风格库与「三方向硬门」，任何新设计先出 3 版真实视觉供用户选，全程防 AI slop，导出全本地零 key。
仓库：alchaincyf/huashu-design
热度证据：22.9k star，HTML 原生设计技能
五维评分
热度5/5
质量5/5
创新5/5
易用4/5
文档5/5
优秀点拆解
- 三方向硬门 + 三套互补逻辑并行：任何新视觉设计必出 3 版真实初稿（秒数轮盘随机风格/获奖站迁移/顶级设计师哲学三路并行 subagent），用户基于看得见的视觉选择，选择权被制度化成可审计流程
- Gate 文件协议：品牌 spec、方向批准、导演稿三个检查点物化为项目文件，缺失即环节未做，≥45s 长片渲染前有 hook 硬拦截，防长会话惯性冲垮流程
- 反 AI slop 升维成品牌识别度保护：禁区清单每条带『为什么是 slop』和『品牌本身用即可破例』的例外条件，配 oklch 色彩推导三步法与印刷质感理论，规则可判断而非机械执行
- 素材前置工程化：图片内容必需性 CHECKPOINT 先于开工、具名产品 logo 子门逐个核验并 base64 内嵌、取图失败三级兜底『降级继续不卡流程』，鹦鹉案例是实战范本
- 完整交付链质量闭环：window.__ready 录制协议裁剪黑帧、html2pptx 读 computedStyle 导出真可编辑文本框、BGM+SFX 双轨制配 sidechain ducking、ffprobe 验音轨、verify.py 验控制台、test-prompts.json 自测
可复用的设计模式
- 用户选择权 = 硬门 + 豁免清单 + 落档文件：用户原话写入 direction-approved.md，hook 硬拦截，可审计可回放
- 确定性随机对抗模型偏差：date +%S 秒数轮盘强制抽样打破模型『偷选极简』惯性，风格库配比故意偏向大胆款
- 主干路由表 + references 按需加载 + 弱 runtime 五级降级模式：降级牺牲多样性和流程，绝不牺牲反 slop 底线
- 约定优先的运行时协议：window.__ready / .no-record 类名等文档化约定让外部工具链与 HTML 产物协作，每个约定都带 fallback 与实测参数
适用场景
产品发布动画 / launch film（Apple 级宣传片，先三方向方向板再万字导演稿）App / iOS 高保真可点击原型（iPhone 15 Pro 精确机身 + Playwright 点击测试）演讲幻灯片：HTML deck 浏览器演讲 + 自动 PDF + 可编辑 PPTX 双形态交付信息图 / 数据可视化：印刷级排版，导出 PDF 矢量 / PNG 300dpi / SVG模糊需求时的设计方向探索：三套逻辑各出一版真实视觉让用户看着选带解说的 5-20 分钟长概念视频：解说稿驱动动画 + TTS 实测时长生成 timeline
边界与注意：不做生产级 Web App / SEO 网站 / 需要后端的动态系统；不支持图层级可编辑 PPTX 到 Figma；Framer Motion 级复杂动画（3D/物理/粒子）超出边界；完全空白的品牌从零设计质量掉到 60-65 分；SKILL.md 61KB 流程重，弱 runtime 必须走降级模式，skills CLI 旧版本安装有单文件同步 bug
完整拆解分析文档
本页为摘要版，完整精读分析（核心机制、逐条优秀点拆解、写作过程）见本地 Markdown 文档：
analysis/huashu-design.md