用途：在 Design 中生成或精修完整的可交互 HTML 原型，用于创建界面、多方向变体、Alpine/Tailwind 原型与视觉微调。
主要能力：技术栈固定为 Tailwind CSS v4（@tailwindcss/browser@4 CDN）、Alpine.js 3.x（alpinejs@3.15.11 CDN，带 defer）、Google Fonts 字体与 :root CSS 自定义属性；强调用配色而非装饰建立层级、密度优先、克制动画，并给出字体、配色、布局、背景、文案的默认禁用清单与替代方向。
使用方式：核心流程为五阶段——先 clarify 不清楚之处，再展示 2-5 个差异明显的变体供选择，随后精修。关键命令：pnpm action create-design --title "Project Name" --projectType prototype；pnpm action show-design-questions；present-design-variants 传入 variants（每项含 id、label、width、height、content 完整 HTML）；pnpm action generate-design 需传 --designId、--prompt、--files、--tweaks、--canvasFrames；多屏可先调 generate-screens 并传 deviceType。精修用 get-design-snapshot 获取 fileId 后调 edit-design，可用 mode: "replace-file"。
适用场景：品牌/营销页（表现力强、全幅动效）与产品/应用界面（密集、克制、token 驱动）；也支持非网页尺寸（如 300x250 广告），直接按实际像素传 canvasFrames。
限制：已有设计系统或现有代码时须先检查再生成，避免回退默认；具体收费、价格与更多功能细节暂未提供。