用途：从零构建精致的前端应用、仪表盘、游戏、创意网站、Hero 区块与视觉驱动 UI。先以资深前端设计师身份产出设计概念，经确认后再以工程师身份实现该设计规格。
主要能力与要求：
- 视觉先行：除非用户明确拒绝或任务只是既有设计系统内的小修，否则必须用 Image Gen 生成完整视觉概念。整页、应用、仪表盘、游戏或多区块落地页需覆盖完整表面与必要状态、响应式概念；多区块网站默认每个主要区块生成一张独立、清晰可读的概念截图，细节过小时补充区块或细节截图，不得裁切旧图充作参考。
- 实现纪律：设计一经接受即作为生产规格，编码时不得擅自重新诠释布局、文案、层级、容器模型、样式、图像、密度或分区。
- 交付标准：以浏览器渲染结果与接受稿比对达 10/10 保真为目标，视觉、交互、响应式、素材与字体不匹配须持续修正；交接前须用 view_image 同时查看接受稿与最新浏览器截图，不可跳过。
- 编码前先根据接受稿建立小型设计系统（令牌、字体、组件族、变体、间距、图标处理、容器规则），保证重复元素一致。
- 复杂应用 UI（仪表盘、管理工具、编辑器、数据密集工具、多面板产品界面）默认 React + Vite，除非用户或现有仓库另有规定，或任务明确要求单文件/静态交付。
- 默认禁止主标题上方的 eyebrow、kicker、pretitle、badge、pill 标签，除非用户明确要求或接受稿中已包含。
- 验证优先用 Browser 插件/内置浏览器，仅在其不可用或不可靠时改用 Playwright Chromium 并说明原因。
- 可与其他已安装技能协作；涉及 AI 模型输出时，若可用 openai-developers:openai-platform-api-key 则优先使用其凭证流程，避免伪造密钥或占位环境变量。
- 图像生成须遵循已安装的 @imagegen 技能，网站专用简报参考 references/imagegen-website-concepts.md；游戏需额外生成透明精灵/状态图、地形瓦片、收集物、危险物、目标物件、道具与视差背景层，HUD、计分、控制、物理与碰撞仍由代码实现。
设计质量基准：概念应像资深产品设计师的专业产品稿，具备明确创意观点、强首屏、整页节奏、连贯视觉系统、优秀字体层级、克制留白与密度、高保真图标与配色、符合接受稿的主视觉处理、高质量生成素材与有目的动效；默认约 7/10 创意、低到中密度，避免重复卡片堆叠与通用模板感。
适用场景：新前端应用、仪表盘、游戏、创意网站、Hero 区块、重设计及视觉型 UI。限制：具体安装命令、收费、平台支持与更多技术细节暂未提供。