Flutter

一站式解决Flutter应用开发、调试与发布全流程问题

安装使用

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

帮我安装这个 AI Skill:Flutter。
它的用途是:一站式解决Flutter应用开发、调试与发布全流程问题
完整的 Skill 内容见:https://321skill.com/skills/flutter-x-2/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

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

使用示例

'我的Flutter列表滚动时有明显掉帧,该怎么优化?',它会分析可能的原因,如检查是否使用了正确的ListView构造器、图片是否经过缓存、是否存在在build方法中进行昂贵计算的情况,并提供具体的代码优化建议和性能分析工具使用指引。或者,当你说:'运行flutter build apk --release失败,提示混淆错误',它会指导你如何检查并配置proguard-rules.pro文件。

介绍

本Skill专为Flutter开发者设计,旨在解决从编码到上线的全链路难题。它深度集成Flutter框架知识,能精准识别并修复常见的UI布局问题(如RenderFlex溢出、无限高度约束)、状态管理错误(如不当的setState调用)、性能瓶颈(如UI卡顿、内存泄漏)以及发布构建失败等复杂问题。

使用时,开发者只需在遇到具体问题时,向AI描述错误现象或开发目标,Skill便会提供针对性的解决方案、代码片段或调试步骤。例如,当遇到热重载失效或特定平台渠道异常时,它能给出排查方向。

它最适合正在使用Flutter进行跨平台移动应用、Web应用或桌面应用开发的工程师,无论是处理日常Widget编写、性能优化,还是应对棘手的发布问题,都能获得专业支持。

建议在开发过程中遇到具体报错或不确定最佳实践时使用,以获得最精准的指导。请注意,它专注于Flutter/Dart技术栈,不适用于React Native或纯原生Swift/Kotlin项目。

核心特点

与通用编程助手不同,它深度内嵌Flutter框架的特定错误模式、性能调优知识和发布流程细节,能提供从具体错误代码(如MissingPluginException)到架构模式(如状态管理库选择)的垂直领域解决方案。

注意事项

不适用于React Native、纯原生Swift/Kotlin开发,或非Dart/Flutter技术栈的项目。

常见问题

如何解决Flutter界面滚动卡顿?

分析可能导致卡顿的原因,如过度重建、大型图片未优化、复杂布局等,并提供针对性优化建议(如使用ListView.builder、图片缓存、避免在build中执行耗时操作)。

Debug模式正常,但Release版APK崩溃怎么办?

指导排查常见原因,如ProGuard/R8混淆规则、原生插件兼容性、资源打包差异,并提供调试Release包的基本步骤。

给 AI 助手的安装指引

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

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