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 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/flutter-x-3/raw/index.md(查看排版版本)