Flutter
构建、调试和发布Flutter应用的AI助手
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Flutter。 它的用途是：构建、调试和发布Flutter应用的AI助手 完整的 Skill 内容见：https://321skill.com/skills/flutter-x-5/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'我的Flutter页面在iOS上滚动时卡顿，Android正常，已经启用了Profile模式，但帧率不稳定。' 它会分析可能的原因，比如过度绘制、图片缓存、或列表构建器未优化，然后给出具体代码修改建议，如使用RepaintBoundary、配置图片缓存大小、或改用ListView.builder并指定itemExtent。
介绍
这个Skill专为Flutter开发者设计，覆盖从编写Widget、处理布局约束（如RenderFlex溢出、unbounded height）、状态管理（Provider/Riverpod/Bloc）到导航路由（Navigator/go_router）、性能优化（UI jank、滚动卡顿、内存泄漏）、热重载失效、Platform Channel异常、国际化与RTL布局、Widget/Golden/Integration测试、以及Debug与Release构建差异等全链路场景。它能帮你快速定位并修复Flutter开发中的常见痛点，提升开发效率。
使用时，只需在Claude中描述你遇到的Flutter问题或需要实现的功能，例如：“这个Column里的ListView一直报RenderFlex overflow错误”或“我的Provider在setState后重建太多”。Skill会结合Flutter官方最佳实践和常见模式，给出代码修改建议、调试步骤或架构方案。支持与IDE、终端、热重载等工具联动，但无需额外配置。
适合所有Flutter开发者，包括移动端、Web端和桌面端Flutter应用开发者。无论是刚入门的新手（需要快速解决布局错误）还是经验丰富的架构师（需要优化状态管理或性能），都能从中获得帮助。也适合团队在代码审查、Bug排查或CI/CD测试失败时使用。
建议在遇到具体错误时优先使用此Skill，而不是泛泛讨论Flutter概念。对于React Native或原生Swift/Kotlin开发，此Skill无效。注意：由于Skill依赖Claude的上下文窗口，对于超大型项目（如数百个文件），建议仅将相关代码片段或错误日志提供给Skill，以获得更精准的回复。
核心特点
区别于通用编码助手，这个Skill深度理解Flutter特有的错误信息（如RenderFlex overflow、RenderBox not laid out、setState after dispose、MissingPluginException等），并能针对状态管理库（Provider/Riverpod/Bloc）的过度重建或未重建问题给出具体优化方案，同时覆盖从调试到上线的完整链路。
注意事项
不适用于React Native或纯原生Swift/Kotlin开发，也无法处理非Flutter的跨平台或后端问题。
常见问题
如何处理RenderFlex overflow错误？
检查是否在Column或Row中使用了Expanded/Flexible，或者给ListView/GridView设置了固定高度/约束。Skill会分析你提供的代码并给出具体修复方案。
Provider/Riverpod状态重建过多怎么办？
可能是监听粒度过细或使用了不正确的Provider类型。Skill会建议使用select、family或结合autodispose来优化。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/flutter-x-5/raw/index.md 读取 Flutter 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/flutter-x-5/raw/index.md（查看排版版本）