用途:构建完全在浏览器中运行的交互式 UI/UX 原型,使其行为接近由真实服务端支撑的功能,用于创建、扩展或重构原型。
主要能力与要求:原型不触碰任何后端代码、API 路由、服务端端点、无服务器函数、数据库迁移或服务端配置,完全自包含于前端;以 localStorage 作为持久化层,使用带命名空间前缀的键避免冲突;每次读写(创建、读取、更新、删除、列表及筛选分页查询)都须经过模拟网络延迟(读快于写、批量慢于单项、带随机波动),调用方需像真实网络请求一样 await;UI 需按项目既有模式处理加载、错误、空状态及乐观更新,视觉与代码质量须达到生产标准,支持项目已支持的所有屏幕尺寸、视口、方向与显示模式。
使用方式:先识别项目框架、组件模型、样式方案、设计系统、状态管理与数据获取模式;再按项目既有抽象(仓库、hooks 或服务)设计本地数据层,并复用项目类型与模式;随后构建界面,复用既有组件与令牌,保证导航、路由、布局与共享状态正常,所有按钮、表单、列表、详情、弹窗与过渡均可交互;最后验证数据跨会话持久,并提供不清理无关数据的重置方式。完成时需说明覆盖功能、所用数据访问抽象、模拟延迟范围、状态处理方式、localStorage 键命名空间、重置方法及已验证的屏幕尺寸。限制:不涉及后端;延迟不可跳过;资料未提供具体延迟数值、框架或命令。