用途：这是手动混合模型构建流程中的 UI 设计环节，建议在 Pi 会话中由 Gemini 3.5 Flash 执行。只负责界面表层，认证、API 调用、第三方 SDK 和部署留给后续会话，不要触碰。
主要能力：用 Read 工具完整读取 $ARGUMENTS 指定的规划文档，提取 ## SECTION A - UI Scope 下的全部内容，忽略 SECTION B 和 SECTION C。以 SECTION A 文案为准，不虚构或改写标题。在仓库已有框架中搭建页面与组件（默认 Next.js App Router，若规划另有说明则以规划为准），使用 Tailwind 与 shadcn/ui，强调美观布局、充足留白、细微动画与无障碍对比度，移动优先。
运行名与输出：从 $ARGUMENTS 的文件名推导运行名，去掉目录和 -plan.md 后缀，例如 .claude/artifacts/acme-saas-landing-plan.md 对应 run-name = acme-saas-landing。输出写到 .claude/artifacts/<run-name>-ui-summary.md，目录不存在则创建。摘要文件列出每个创建的文件（路径 + 一行用途）以及每个 // INTEGRATION: 桩位（文件 + 行号 + 期望内容）。
用法：若 $ARGUMENTS 为空或路径无法解析，向用户询问规划路径，不要在无路径情况下继续。完成后告知用户摘要文件的绝对路径，并说明下一步：在 Claude Code 中用 Opus 调用 /frontend-mix-integrate，同时传入规划路径与 ui-summary 路径。
限制：为集成会话留出接缝——凡是需要认证状态、API 调用点、受保护路由，都留清晰命名的桩位和 // INTEGRATION: 注释说明后续应填内容。不要安装认证 SDK（不初始化 clerk、不接入 Supabase 等），不调用第三方 API，不创建服务端路由。设计上首屏/着陆页是重点，应投入更多精力；动效宜细微（如卡片悬停 200ms 淡入优于视差滚动）；强调色克制使用，一般一种，品牌需要时可两种；留白不是浪费，不要填满。其余具体实现细节暂未提供。