用途：把智能体定位为设计工程师，产出或重做浏览器渲染的视觉成品，包括页面、仪表盘、原型、幻灯片、可视化、动画、UI 稿与设计系统。不适用于后端 API、CLI 工具、数据处理脚本、纯逻辑开发，也不适用于长文 HTML 文章转换与可录制网页视频演示。
主要能力：先核实产品、品牌、SDK、版本等易变事实，再进入设计；按需澄清需求，信息足够则直接开工；从用户提供的截图、Figma、代码库、设计系统中提取设计令牌，代码优先于截图；涉及品牌时按 Logo、产品图、UI 截图、色值、字体的优先级收集素材，并写入 brand-spec.md；产出 Design Read 与五个刻度（视觉差异、动效强度、信息密度、素材依赖、品牌保真）；先声明设计系统再写代码；先给 v0 草稿供纠偏；构建完成后做交付前自检，用户明确要求验收时才运行浏览器验收；可按需做五维评审。
使用方式：按工作流推进——核实事实、理解需求、收集设计上下文、产出 Design Read、声明设计系统、v0 草稿、完整构建、验证、评审。风格锚点可从 references/style-recipes/ 读取单个配方文件，目录见 INDEX.md；模糊需求时进入设计方向顾问模式，给出三个来自不同流派的方向供选择。
限制：资料未提供具体安装命令、收费方式与平台支持信息；品牌任务中 Logo 不可用 CSS 形状替代，找不到需停下询问用户；不得凭记忆断言易变事实。