用途：该技能面向从零开始的前端应用、仪表盘、游戏、创意网站、Hero 区块、重设计及其他视觉驱动 UI。工作方式为先充当资深前端设计师，再作为工程师实现已批准的设计规格。
主要能力：优先使用 Image Gen 生成完整视觉概念，而非只做局部；对多区块网站默认每个主要区块生成一张独立、清晰、可读的概念截图，必要时补充状态或细节截图；对复杂应用、仪表盘、编辑器等默认采用 React + Vite（除非用户指定其他框架或仓库已有约定）；实现前先建立设计系统（tokens、字体、组件族、变体、间距、图标处理、容器规则）；在浏览器中验证，最终需对已接受概念与最新浏览器截图分别执行 view_image 对比，达到机构级签核标准。
使用方式：先读取并遵循已安装的 @imagegen 技能；网站概念简报可参考 references/imagegen-website-concepts.md。在 Plan 模式下先生成设计，再用 request_user_input 获取设计批准，之后才规划实现细节。概念一旦被接受即视为生产设计规格，实现时不得擅自改动布局、文案、层级、容器模型、样式、图像、密度或区块。
限制：默认禁止在标题上方添加 eyebrow、kicker、pretitle、badge 或 pill 标签，除非用户明确要求或参考设计已包含；默认避免嵌套卡片、巨型圆角包裹、默认 bento/卡片网格；颜色、图标、Hero 媒体处理必须与已接受设计一致；未展示的主要组件视为禁止使用。若概念截图过小、模糊、裁切或含糊，需重新生成独立截图，不得裁切或放大旧图作为依据。临时 QA 产物在交付前应移除。涉及 AI/模型输出时，若可用应使用 openai-developers:openai-platform-api-key 的凭据流程。其他具体收费、价格、平台支持等信息暂未提供。