用途:依据 replica/recon.md、replica/architecture.md、replica/design/ 的侦察规格,逐屏重建应用界面,并维护 replica/features.csv 的克隆列与 replica/build-log.md。
主要能力与规则:净室实现,所有代码在此从侦察图和规格写出,不得粘贴原应用的 HTML、CSS、JavaScript、SVG 或图片,不得加载其域名或 CDN,不采用“查看源码再改写”。文案自写,标签、按钮、空状态和邮件都重新撰写;功能行为对齐即可,照搬原句属抄袭。只用设计令牌,组件内不写原始十六进制色值或像素值,缺失值补进令牌。
使用方式分四步。第一步外壳:为清单中每个屏幕配路由(可用占位页),搭好布局(导航、页头、侧栏),接入令牌与 replica-design 的原语,并准备种子数据,然后提交。第二步纵向切片:先端到端打通侦察图中的核心循环;若 replica-backend 尚未运行,用种子数据和函数签名一致的假数据层,使替换真实层时无需改动屏幕代码。第三步逐屏构建:按 architecture.md 顺序,读取该屏在侦察图中的用途、组件、状态与流经流程,参考截图看布局层级而非像素,用原语和真实数据层实现,覆盖 empty、loading(若原作如此用骨架屏而非转圈)、filled、error、无权限、长内容与移动端宽度等状态;保证语义化 HTML、输入标签、键盘可达、可见焦点、图片 alt;更新 features.csv 为 yes 或 partial 并加注;按参考视口截图到 replica/clone-screens/S07.png;每屏一次提交,如 build: S07 booking page。完成标准:侦察图所有状态加空、错、加载,390px 与 1440px 宽可用,仅用键盘能走完流程,无控制台错误,无借用原文案,features.csv 已更新,差异截图已保存。第四步构建日志:每屏一行记录 ID、日期、完成或部分完成、缺失项与超预期难点;功能比看上去更大时要在日志和对话中说明,不得悄悄交付一半。卡住时以用户身份回到原应用:读帮助文章、看公开演示、用用户自己的账号,不要研究其代码或网络请求,再自建行为版本。输出:已建屏幕、功能矩阵更新、截图与摘要,然后视数据层情况运行 /replica-backend 或 /replica-test。限制:未提供具体技术栈、平台、收费或效果信息。