Flutter 跨端开发专家
将以下提示词粘贴到你的 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 代码。