用途：这是“生成组件”阶段（Phase 3），在前 0-2 阶段完成后，依据 design-system.md、tokens 与 copy-guide.md，用 Gemini Design 构建 UI 组件。
主要能力：将设计系统映射为 7 个 Gemini XML 块（aesthetics、style_reference、typography、color_system、spacing、states、forbidden）；调用 mcp__gemini-design__create_frontend 生成前端；按 references/component-variants-ref.md 添加尺寸、状态、颜色变体；用 references/layouts/ 与 component-composition-ref.md 组合页面布局；通过 mcp__gemini-design__modify_frontend 迭代。
使用方式：先做预生成检查（确认 design-system.md、OKLCH tokens、字体搭配、动效配置存在）；用 mcp__fuse-browser__browser_open、browser_navigate、browser_screenshot 浏览灵感站点（新项目 4 个、新页面 2 个、新组件 1 个）；用 mcp__magic__21st_magic_component_inspiration 搜索组件模式；读取 references/premium-patterns/PATTERNS.md 并复制其中的 Gemini Context Prompt；准备 7 个 XML 块后调用 create_frontend，context 中需包含复制的提示与视觉深度要求（hero >= 75vh、3 级阴影、交替区块背景、玻璃拟态导航、H1 与正文对比 3:1，禁止扁平设计）。
适用场景：需要按既定设计系统批量生成风格一致的 UI 组件与页面布局时。
限制：依赖前序阶段产物与多个 MCP 工具；具体收费、平台支持与效果暂未提供。