用途:将切版完成的纯展示元件(Dumb Components)升级为可执行流程的前端功能,负责容器层、页面层、composable、service 与 Pinia store,不修改展示元件的 template 与 SCSS。
主要能力:依据 enriched-spec.md 中的 API 对应表、State 结构定义、数据 Mapping 规则与错误处理方案,生成 types、services、composables、stores 与 Container 元件;处理 loading / error / empty 三态;区分 4xx 可读提示与 5xx 通用提示;无 API 时使用已确认的 mock 数据结构。
使用方式:输入优先取 api-enrichment 的 handoff payload(component_paths、figma_node_ids、enriched_spec_path),其次用 spec.md;缺少 component_paths 或 spec 文件时输出 blocked 并停止。按 types → services → composables → 容器层顺序实作,完成后做 DoD 验证并输出 handoff payload。可用 mcp-openapi 取 schema,mcp-fs 建改文件,mcp-terminal 执行 npx vue-tsc --noEmit 与 npm run build。
适用场景:Vue 3 + TypeScript 项目的前端逻辑接线,含 API 呼叫、数据 mapping、状态管理与 mock 切换(VITE_MOCK_MODE)。
限制:不改展示元件 template / SCSS,不在 template 直接写 API 呼叫,不在展示元件 import store,不静默吞错,未确认不假设数据结构。具体收费、平台与效果资料暂未提供。