用途：花叔Design 面向用 HTML 完成视觉产出的场景，包括可点击交互原型、并排设计变体探索、1920×1080 的 HTML 演示幻灯片、时间轴驱动的动画 Demo，以及信息图与数据可视化。资料明确不适用于生产级 Web App、SEO 网站和需要后端的动态系统。
主要能力：内置艺术总监、品牌研究员、视觉设计师、动效设计师、前端工程师、文案等角色分工；提供设计方向顾问模式，可在需求模糊或无风格参考时给出三个差异化方向；涉及具体品牌或产品时执行“核心资产协议”，要求取齐 logo、产品图、UI 截图等真实资产，反对 AI slop；提供 60 种风格库（网页 20、PPT 20、信息图 20）与多种参考文档。
使用方式：触发词包括做原型、PPT、幻灯片、动画、设计风格、评审、做个 HTML 页面、UI mockup、导出 MP4/GIF 等。收到任务后按任务路由表选择入口；涉及具体产品、技术或事件时，必须先 WebSearch 验证存在性、发布状态、版本与规格，再写入 product-facts.md，禁止凭记忆断言。新视觉设计任务默认先出三个方向共三版真实初稿，用户选定后才进入执行。幻灯片走固定交付链：HTML deck 概览墙，完成后自动出 PDF，询问后才出可编辑 PPTX。动画项目默认走 HyperFrames 后端，开工前需出分镜卡。截图可用 npx playwright screenshot。
适用场景：高保真产品 mockup、设计变体对比、演示幻灯片、动画素材或概念演示、数据驱动信息图、App/iOS 原型、设计评审打分、宣传片与带解说长视频的前期方向探索。
限制：不适用于生产级 Web App、SEO 网站、需要后端的动态系统。强依赖用户提供的内容、品牌资产或参考；必要时需用户确认是否具备 AI 生图能力。完整流程、模板、命令与参考文档未在本资料中逐条给出，具体细节暂未提供。