Flutter

Flutter开发全流程AI辅助工具

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:Flutter。
它的用途是:Flutter开发全流程AI辅助工具
完整的 Skill 内容见:https://321skill.com/skills/flutter-x-9/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

'我的Flutter应用在Release模式下崩溃,但Debug正常,请帮我检查构建配置和混淆规则。' 它会分析proguard规则、flutter build命令参数,并建议检查是否使用了dart:mirrors等被混淆的代码,最终给出修复方案。

介绍

解决Flutter开发中从布局约束、状态管理到性能优化、应用发布的各类常见问题,包括RenderFlex溢出、setState调用时机错误、导航路由异常、平台通道MissingPluginException、UI卡顿、热重载失效等。当您遇到开发环境配置报错、构建失败、发布包异常时,它也能快速定位根因并提供修复方案。

使用方式简单直接:遇到具体问题时,向AI描述错误现象或代码片段,它会自动分析上下文、调用Flutter SDK知识库,给出可执行的修复建议或代码示例。支持交互式追问,逐步缩小问题范围。

适合Flutter前端开发者、全栈开发者以及移动应用测试工程师,尤其适合日常开发中频繁处理布局、状态、性能问题的团队成员。对有经验的开发者也能加速排查复杂Bug。

建议在遇到具体错误时使用,而非用于生成完整项目架构;对于需要深度定制原生平台逻辑的场景,建议结合原生开发知识。注意该Skill不覆盖React Native或纯原生Swift/Kotlin开发。

核心特点

相比通用代码助手,本Skill深度整合Flutter SDK、Widget库、Dart语言特性及常见错误模式,能精准识别RenderFlex溢出、BuildContext跨异步等专有问题,并提供符合Flutter最佳实践的修复方案。

注意事项

不适用于React Native或纯原生Swift/Kotlin开发,也无法处理需要物理设备调试的传感器等硬件相关功能。

常见问题

如何处理RenderFlex溢出错误?

通常是因为Column或Row的约束不一致,建议检查子组件是否使用了Expanded或Flexible,或者给父容器设置固定高度。

Hot reload不生效怎么办?

先检查代码是否有语法错误,然后尝试手动执行flutter clean后重新构建;若仍无效,检查是否有状态初始化问题或使用了非const的变量。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/flutter-x-9/raw/index.md 读取 Flutter 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。