用途:该技能用于把非 Web 源应用(如 Xcode/SwiftUI、Android Compose、其他原生桌面框架)复刻到仓库中已有的 Web 原型项目里,并以持久化流程文件支持后续会话续做与持续改进。
主要能力与流程:
- 建立源与原型配对:在 .agents/skills/web-prototype 读取 preferences.md,校验已记录路径;搜索非 Web 源候选与 Web 框架原型候选(package.json、angular.json、Next.js、Nuxt、Vite、SvelteKit 等);确认后写入 Source、Source framework、Prototype、Prototype framework。存在多个候选时须让用户选择,不猜测。
- 捕获源:产出 design.md(屏幕、组件变体、导航、布局、排版色彩、设计令牌、动画手势、交互反馈、无障碍等视觉清单)与 logic.md(用户旅程、领域实体、校验、状态转换、API 契约、加载/失败/离线行为等),均保留文件或符号引用。
- 构建工作队列:对照现有原型生成 work.md,按页面或旅程组织,每项含可独立实现的结果、来源引用、现状、所需变更、验收标准、依赖与外部服务 mock 计划;不含已完成项或无关重构。
- 迭代实现:按依赖顺序逐项实现,先在浏览器按视口、路由、交互、状态、动画验证视觉,再以聚焦测试验证业务逻辑;使用确定性 mock 数据与本地 mock 认证,不依赖生产凭据或真实用户数据;仅改原型项目,不改源;把可复用经验写入 learning.md(不记秘密或个人信息)。
- 对齐审查:以 design.md、logic.md、learning.md 与源为准走查每条路由与状态,验证逻辑与计算、校验、持久化、错误重试等;发现缺口写回 work.md 并回到第 4 阶段。完成条件是 work.md 无未完成项、每项设计逻辑要求有审查证据、原型可在浏览器工作且相关自动化测试通过。
限制:本资料未给出具体安装命令、平台支持范围、收费或价格信息,暂未提供;无法验证之处需明确标注,不得臆测。