CraftKit/plugins/dev/skills/design-frontend-data/SKILL.md

name, description

name	description
design-frontend-data	设计前端请求边界、视图模型、状态所有权、缓存、并发和请求响应转换。适用于前端数据层与状态流设计；页面结构、HTTP API 设计、接口字段映射或直接编码不应触发。

前端数据设计

让传输模型、领域数据、视图状态和组件局部状态边界清晰，并适配项目真实框架与请求封装。

工作流

1. 确认框架版本、渲染模式、请求客户端、状态管理和现有数据边界。
2. 区分服务端状态、共享客户端状态、页面状态、局部状态和可派生状态。
3. 设计加载、成功、空、错误、取消、重试、竞态、缓存失效和乐观更新行为。
4. 按 官方来源 核实浏览器请求和框架状态语义。
5. 输出数据流、所有权、转换边界、并发策略、错误策略和测试点，不预设字段或请求封装。

具体 API 字段映射交由 prepare-api，页面组合交由 design-frontend。