用途：花叔Design 把 HTML 当作设计媒介，用于交互原型、设计变体探索、1920×1080 演示幻灯片、时间轴动画 Demo、信息图与可视化，以及设计评审打分。不适用于生产级 Web App、SEO 网站或需要后端的动态系统。
主要能力：内置任务路由表，按信号进入对应流程；涉及具体产品/技术时先 WebSearch 验证事实；涉及品牌时执行核心资产协议，取齐 logo、产品图、UI 截图并固化为 brand-spec.md；提供 60 种风格库（网页 20、PPT 20、信息图 20）；动画走分镜卡、镜头语言与 HyperFrames 后端；幻灯片走固定交付链，先出 HTML deck，再自动导出 PDF，按需出可编辑 PPTX；App/iOS 原型有专属守则，设备框须用 assets/ios_frame.jsx。
使用方式：任何会产出新视觉设计的任务，先并行或串行跑三套逻辑（秒数轮盘、现实参照、最佳设计师），各出一版真实视觉供用户选择，选定后写入 direction-approved.md 再进入主干执行。取图可用 python3 scripts/fetch_images.py --query "关键词" --out 项目/assets/img --count 2 --width 1600；截图用 npx playwright screenshot file:///path.html out.png --viewport-size=1440,900。
限制：三方向硬门仅三种豁免（用户明说跳过、已选定方向后的迭代、非设计的机械操作）；内容必需的图片不得用 CSS 色块或 SVG 糊弄；正文不小于 14px、对比度不低于 4.5:1；不支持 spawn subagent 的运行时改为串行跑三套。具体收费、价格与平台支持情况暂未提供。