Flutter

一站式解决Flutter应用开发、调试与发布中的各类问题

安装使用

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

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

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

使用示例

‘我的Flutter列表滚动时很卡,特别是图片多的时候,怎么办?’ 它会分析可能的原因,如图片未缓存、列表项重建过多,并建议使用ListView.builder、图片缓存库(如cached_network_image)、以及通过Flutter DevTools的性能面板来定位具体瓶颈。或者

对AI说:‘我在调用Platform Channel时遇到了MissingPluginException错误。’ 它会引导你检查插件注册是否正确、通道名称是否匹配、以及是否在正确的平台(iOS/Android)进行了初始化。

介绍

这个Skill专为Flutter开发者设计,旨在解决从代码编写、UI布局、状态管理到性能优化、测试发布等全流程中可能遇到的棘手问题。它就像一个经验丰富的Flutter专家,能帮你快速定位和解决开发中的“拦路虎”。

当你遇到UI渲染错误(如RenderFlex溢出、RenderBox未布局)、状态管理混乱(如setState调用时机错误)、应用性能不佳(如UI卡顿、内存泄漏),或是热重载失效、路由导航异常、平台通道报错等问题时,都可以向它求助。它覆盖了开发、调试、测试、发布等核心环节。

它最适合Flutter/Dart开发者,无论是初学者在构建第一个页面时遇到布局难题,还是资深工程师在优化复杂应用性能、处理平台特定问题或准备应用商店发布时,都能从中获得精准的指导。

建议在遇到具体错误信息或开发瓶颈时,将问题现象、相关代码片段或错误日志提供给Skill,以便获得更针对性的解决方案。它不提供React Native或原生Swift/Kotlin开发的支持。

核心特点

与通用编程助手不同,它深度聚焦于Flutter框架特有的技术栈和问题域,能精准识别并解决如RenderBox布局、BuildContext异步使用、Provider/Riverpod/Bloc状态管理、go_router导航等Flutter生态中的典型难题。

注意事项

不适用于React Native、纯原生Swift/Kotlin开发,或与Flutter/Dart无关的通用编程问题。

常见问题

Flutter应用UI卡顿怎么办?

可以帮你分析可能的原因,如过度重建、复杂布局、图片内存占用过大,并提供优化建议,如使用性能面板、优化build方法、懒加载列表等。

Flutter热重载不生效了?

可以协助排查热重载失效的常见原因,如代码结构问题、状态被重置、使用了不支持热重载的代码(如main函数中的初始化),并提供恢复方法。

给 AI 助手的安装指引

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

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