让你的AI编程助手真正懂Flutter:36个专项技能一次打包给你
做 Flutter 开发的人,大概都经历过这种崩溃时刻:让 AI 帮你写个 BLoC,它给你生成一套完全看不懂的状态管理模式;让它处理 Riverpod,它把 provider 写成普通函数然后报一堆错;问它 Firebase Auth 怎么配,它一脸茫然。
问题不在 AI 笨,在于你的 AI 编程工具根本不知道 Flutter 是什么。Cursor、Claude Code、Windsurf 这些工具的预训练数据里,Flutter 的存在感极低——你需要专门教它。
flutter-ai-rules 就是干这个的:一个装了 36 个 Flutter/Dart 专项技能的技能包,装进你的 AI 编程工具,让它真正懂 Flutter。
装上之后会发生什么
你装一次,以后每次打开项目,AI 编程助手会自动识别你在写 Flutter 代码,然后在需要的时候加载对应的技能指引。
比如你让它写一个 Riverpod provider,它会自动调取 riverpod 技能,里面有完整的写法规范、常见坑点、最佳实践。你碰 Auth,它加载 Firebase Auth 技能。你写测试,它加载 testing 技能。你遇到 RenderFlex overflow 报错,它加载 flutter-errors 来帮你诊断。
整个过程不需要你手动 @ 或粘贴任何东西——AI 自己判断场景,自己加载,自己用。
技能覆盖有多全
这个项目有 36 个独立技能,分布在几个维度:
- 基础层:flutter-best-practices、effective-dart、dart-3-updates(records、patterns、sealed classes、switch expressions)
- 架构层:flutter-app-architecture、architecture-feature-first——帮你搭项目结构、分层设计
- 状态管理:bloc、riverpod、provider、flutter-change-notifier——四个主流方案全覆盖
- 开发效率:testing、mockito、flutter-pre-caching、firebase-auth、firebase-firestore
- 错误排查:flutter-errors——专门对付 RenderFlex overflow、unbounded constraints 这些经典 Flutter 布局报错
所有技能内容都来自 Flutter 官方文档,不是个人经验总结,不存在”我习惯这么写”的问题。
多平台支持
flutter-ai-rules 兼容所有主流 AI 编程工具:
- Claude Code(通过插件市场或手动安装)
- Cursor
- Codex(OpenAI)
- Antigravity
- Windsurf
一个技能包,通吃所有主流 AI IDE。
怎么装
一行命令搞定:
npx skills add evanca/flutter-ai-rules
或者手动安装到指定目录:
git clone --depth 1 https://github.com/evanca/flutter-ai-rules.git ~/.claude/skills/flutter-ai-rules
值不值得装
如果你现在做 Flutter 开发但还没专门配置过 AI 编程工具,这个技能包是性价比最高的一次投入。不需要任何配置,不用记任何命令,装上它,你的 AI 编程助手就从”对 Flutter 一脸懵”变成”比大多数初级工程师更懂 Flutter”。
项目地址:https://github.com/evanca/flutter-ai-rules
评论区
登录后可评论。