花叔Design 面向「用 HTML 做视觉产出」的任务：交互原型（高保真 mockup、可点击流程）、设计变体探索、1920×1080 的 HTML 演示幻灯片、时间轴驱动的动画 Demo（可导出 MP4/GIF）、信息图与数据可视化，以及设计评审打分。生产级 Web App、SEO 网站和需要后端的动态系统不适用。
主要能力包括：任务路由（按「品牌/幻灯片/动画/评审/弱 runtime」等信号选择入口）；事实验证原则，涉及具体产品、版本、规格时先 WebSearch 再动手；核心资产协议，为品牌素材取官方 logo、产品图与 UI 截图并固化为 brand-spec；反 AI slop 的视觉规范（避免通用紫渐变、emoji 图标、SVG 人物等）；设计方向顾问的 Fallback 流程，产出三版差异化真实视觉让用户基于截图选择；App/iOS 原型守则（单文件 inline React、使用自带 ios_frame.jsx、Playwright 点击测试）；以及视频导出链（渲染、转格式、配音效 BGM）。
使用方式：作为 skill 加载后按路由执行，支持 spawn subagent 时并行跑三套设计逻辑，不支持时改串行。常用命令与脚本保持原样，例如取图 python3 scripts/fetch_images.py --query "英文关键词1" "英文关键词2" --out 项目/assets/img --count 2 --width 1600，截图 npx playwright screenshot file:///path.html out.png --viewport-size=1440,900，视频渲染 scripts/render-video.js、scripts/render-video-seek.js --fps=60、scripts/convert-formats.sh、scripts/add-music.sh，幻灯片 PDF 导出 scripts/export_deck_pdf.mjs。
限制与约束：明确不覆盖生产级后端系统；品牌真实产品图缺失时不得用 CSS 剪影或 SVG 手画冒充；必要时使用诚实 placeholder；具体收费、价格、平台支持范围等资料暂未提供。