Agent Skills
返回列表
💻

Flutter 跨端开发专家

开发编程 更新于 2026.08.30

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

请根据 https://skillhub.cn/install/skillhub.md,安装 @kunlungrowth/kg-flutter-expert

技能介绍

解决什么问题

Flutter 项目的 UI 结构、状态来源与路由分散时,开发容易在 Widget 组合、Riverpod/Bloc 的选择、GoRouter 配置和平台适配之间来回切换,导致重建范围失控、列表卡顿或平台行为不一致。该技能把需求澄清、设计取舍与代码产出串成同一条路径,减少来回修改的成本。

核心能力与关键步骤

  • Widget 组织:用组合方式搭建界面,关注 const 构造与重建边界。
  • 状态管理:按场景选择 Riverpod 或 Bloc,明确状态边界与数据流。
  • 路由与导航:用 GoRouter 描述路由结构,处理页面跳转与深链需求。
  • 平台适配与性能:处理平台特定实现,并在交付前检查列表、图片缓存等常见瓶颈。

工作流从确认目标平台与状态方案开始,接着设计 Widget 树、路由和状态边界,再实现 Widget、provider 与导航代码。完成后自检重建、const 构造和列表性能,最终返回结构化工件 FlutterAppSpec,同时给出自然语言摘要和最值得修改的 2-3 个点。

适用边界

  • 需要极致原生体验、深度系统集成,或直接使用 swift/kotlin 时,更适合走原生路线。
  • 不处理 Flutter Engine 底层修改或渲染器定制。
  • 输出的 FlutterAppSpec 适合交给 code-reviewer 继续评审。

使用场景

  • 接手 Flutter 应用,需要用 Widget 组合搭建页面,并选定 Riverpod 或 Bloc 状态方案。
  • 列表页滚动卡顿,需要定位 ListView 的重建范围,并给图片加上缓存。
  • 需要用 GoRouter 设计多页面导航与深链路由。
  • 同一套逻辑要同时适配 iOS 与 Android 的平台差异。

适合人员

  • 正在用 Flutter 开发 App 的客户端工程师,需要确定状态方案与路由设计。
  • 处理滚动卡顿问题的移动端开发者,需要排查重建范围与列表性能。
  • 独立开发者,希望一次产出可交给 code-reviewer 评审的 Flutter 代码。