用途：适合视觉方向薄弱的前端工作，例如打磨前端、生成 UI 模型、应用界面、仪表盘、落地页或视觉改版，也可用图像生成引导前端实现。
主要能力：组合三类活动——用图像生成创建或打磨 UI 方向；把选定的方向翻译为真实前端代码；在浏览器中验证渲染结果并做视觉迭代。
使用方式：先检查产品上下文，包括受众与待办任务、界面类型（仪表盘、设置、编辑器、电商、落地页、游戏等）、现有框架与设计系统、组件库与约束，以及界面属于运营工具、表达型站点还是沉浸式/游戏 UI。随后选定一个明确视觉方向（如精炼的 B2B 运营、编辑部式分析、工业控制台、趣味创客工具、科学工作台、聚焦型商品目录），并确定记忆点（字体、信息密度、布局节奏、产品图、表面处理、动效或交互模型）。接着写面向实现的提示词：要求 UI 截图或屏幕模型而非营销海报，包含布局区域、内容密度、状态与约束；禁止通用 AI UI 套路（SaaS 卡片墙、紫蓝渐变主导、装饰性色块、假玻璃、无依据图标、工具类超大 hero、掩盖层次结构的占位文本）。需要新视觉目标或位图素材时使用图像生成工具，产物若为生产素材则保留在项目中；生成的截图仅作参考，除非用户要求位图素材，否则不能作为最终 UI。编码前先评审生成方向，检查与产品、受众、工作流、可行性、响应式、无障碍和实现成本的契合度；偏离意图时做一次针对性修改，而非漫无目的地试各种变体。实现时复用现有组件、令牌、路由、状态与数据模式，用真实布局、字体、CSS 变量/设计令牌、状态和响应式约束编码视觉方向，并保持运营工具高效可扫读。改动后启动或复用开发服务器（在可用时用 Browser 或 Playwright 打开相关路由），检查桌面与移动宽度，关注文字溢出、重叠、尺寸不稳、素材损坏、对比度不可访问、空白画布及与选定方向不符等问题，持续改代码直到渲染 UI 连贯一致。
限制：当用户只要求小的确定性 CSS 修复、项目有严格设计系统、工作主要是数据正确性或无障碍修复，或只是编辑现有 SVG/矢量/图标系统时，跳过图像生成直接实现。最终报告应包含选定视觉方向、生成素材或模型路径（如有）、改动的实现文件、已做的浏览器/设备检查及剩余视觉风险。资料未提供收费、平台支持范围等更多信息。