用途：把 Subframe 中的设计落地到代码库，并补充业务逻辑。通常在 /subframe:design 之后使用，或用户直接提供 Subframe URL/页面 ID 时使用。
主要能力：通过 MCP 的 get_page_info 获取页面代码；用 get_project_info、get_component_info 读取项目级与组件级设计文档；用 list_pages、list_components、list_canvases 浏览项目资源；用 get_theme 获取 Tailwind 配置；用 wait_for_jobs 等待进行中的设计任务完成。
使用方式：实现前必须先连接 Subframe MCP（设计服务器地址 https://mcp.subframe.com/mcp），并确认 get_page_info 可用；若不可用，应提示用户完成安装、启用或 OAuth 认证，并暂停依赖设计的工作，不得改用浏览器抓取或凭提示猜测。先检查当前目录是否有 package.json 与 .subframe/ 文件夹：无 package.json 先运行 /subframe:install；两者都有则按流程执行；只有 package.json 时询问用户是仅作灵感参考，还是安装 Subframe 以像素级还原。同步缺失组件用 npx @subframe/cli@latest sync Button Alert TextField，或 npx @subframe/cli@latest sync --all。projectId 取自 .subframe/sync.json，缺失时用 list_projects，多项目必须让用户确认。
限制：Button.tsx 由 Subframe 生成并在每次同步时覆盖，自定义逻辑应写在 index.tsx 包装层；如需保留改动，在文件顶部加 // @subframe/sync-disable，被跳过的文件需用 get_component_info 手动合并更新。页面不会被同步，仅页面使用的上传图标需 sync --all 或手动创建。Subframe 生成的是含占位数据的展示代码，业务逻辑需自行添加。更新已有页面时应保留原有 hooks、处理器与状态，并对超出用户要求的设计变更进行确认。具体收费、价格与平台支持情况暂未提供。