用途：把 HTML 当作设计工具，产出高保真设计稿，形态由项目决定，包括落地页、幻灯片/Pitch Deck、交互原型、动画（产品宣传动效）、设计系统/UI Kit、信息图与海报、移动端 mockup 等。使用时应切换为对应领域的设计师心态（UX、幻灯片、动效、品牌），避免把网页设计套路套到非网页场景。
主要能力与工作流：整体流程为提问→找并精读设计上下文→先立设计系统→尽早交付草稿→迭代多版本风格→验收。核心原则包括先问后做；高保真需有现有上下文（codebase、Figma、截图或公开 UI Kit）作锚点；默认给 3+ 种跨视觉/交互/配色/排版/隐喻的风格方案；严格剔除 AI 俗套（滥用渐变、无关 emoji、圆角卡片配左侧色条、SVG 手绘插画、Inter/Roboto/Arial 等陈旧字体、无意义数据噪音、lorem ipsum 凑数）；不为填空加内容。
必要用法：提问需用 AskUserQuestion 弹窗，单次最多 4 题、每题 2–4 选项、header ≤12 字符，超量分两批；语言、字号强度、风格方案数量三项未在提示中明说时必须弹窗确认，可与其他问题合并。读上下文时用 Read/Glob/Grep 抠出确切的 hex、间距、字体栈、圆角与阴影值，不凭记忆。动手前在 HTML 顶部写明设计系统决策，作为后续所有变体的合同。交互原型用固定版本 React/Babel CDN（含 integrity）；样式可用 text-wrap、Grid、container queries、@layer、color-mix 等；中文大标题不用负 margin 堆叠，规尺线用真实 DOM 元素而非 flex:1 伪元素。单文件不超 1000 行。
幻灯片要点：先出风格预览（封面 + 1–2 张典型页）供用户选样式，再展开完整版；固定 1920×1080，正文 ≥24px，H2 ≤80px、H1 ≤120px；用 :not(.active) 防多页同显；有 page-footer 的页 padding-bottom ≥100px；内容区 flex:1 撑满高度。
动效要点：配色从品牌主色用 oklch 推导，不凭空选色；用 sprite + data-start/data-end 时间轴引擎而非 setTimeout 链；加 CLEAN 模式与 ?clean=1；实现 ␣/H/T/0/←→ 热键；页面加载后自动播放；单场景 ≤5 秒、总时长 ≤28 秒；Canvas 拖影用半透明覆盖而非 clearRect。
限制与暂未提供：不复刻别家公司专有 UI/品牌元素；无上下文时不硬做高保真。该资料的官方说明、收费、价格、平台支持与获取方式均未提供，需以实际发布页为准。