Agent Skills
返回列表
💻

多平台功能开发工作流

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @org-02qudk26/multi-platform-apps-multi-platform。

技能介绍

要解决什么问题

同一功能要在 Web、iOS/Android、桌面 上同时上线时，常见痛点是：各端各自改接口、UI 与业务逻辑分叉，集成阶段才发现契约不一致，返工成本高。本工作流把 API 优先 与 并行实现 绑在一起：先定统一契约与数据模型，再让各平台按同一套设计系统与共享逻辑层独立开发，并在阶段间用明确产出物对齐。

技能如何组织工作

整体分为两大阶段，并依赖 Task 子智能体按角色分工：

  • 阶段 1（顺序）：backend-architect 产出 OpenAPI 3.1、GraphQL/WebSocket 约定与统一数据模型；ui-ux-designer 基于 API 做跨平台设计系统（Material / HIG / Fluent、WCAG 2.2 AA、深浅色与动效）；architect-review 定义平台无关的领域模型、状态管理（MVI/Redux/BLoC）、缓存离线、错误重试与适配器层（可指向 KMP 或 TypeScript 共享）。
  • 阶段 2（并行）：frontend-developer 等按栈实现 Web（React 18+ / Next.js App Router、TanStack Query、PWA/SSR）；移动端与桌面端在 SKILL 中同样以独立 Task 路径展开，并强调各商店签名、分发与平台专属 UX 惯例。

执行时会先澄清目标、约束与输入，给出可验证步骤；更细的示例在 resources/implementation-playbook.md。

适用边界

适合「多平台同一功能、需要先契约后并行」的开发编排；不适合与跨端工作流无关的单一栈任务，也不替代 API 规范或设计系统之外的专项工具选型决策。

使用场景

  • 新产品功能需同时在 Next.js Web、iOS 与 Android 上线，要先产出 OpenAPI 与统一数据模型再分端开发
  • 集成实时能力时，要在 REST/GraphQL 与 WebSocket 事件里写清 schema，避免各端自行约定消息格式
  • 设计系统需对齐 Material、iOS HIG 与 Fluent，并满足 WCAG 2.2 AA，再交给各平台并行实现 UI
  • 业务规则要在 Web 与移动端复用，需要 MVI/Redux/BLoC 与适配器层（KMP 或 TypeScript 共享）的架构清单

适合人员

  • 负责同一功能多端排期的全栈或技术负责人，希望用 API 契约锁定后再并行开工
  • Web 端用 React/Next.js、移动端用 SwiftUI/Material You 的双端团队，需要统一设计系统与集成指南
  • 后端架构师要在功能立项阶段一次性定义认证、限流、缓存策略与错误响应格式
  • 桌面端（Electron/Tauri 等）与 Web 共用 TypeScript 业务层，需要平台抽象与离线缓存策略的评审清单