Flutter
Flutter应用全流程开发与调试助手
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Flutter。 它的用途是：Flutter应用全流程开发与调试助手 完整的 Skill 内容见：https://321skill.com/skills/flutter-x-8/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'我的Flutter应用在release模式下崩溃，但debug模式正常，可能是混淆或资源问题，请帮我排查。' 它会分析常见混淆配置问题、缺失的权限声明、资源路径错误，并给出修复步骤和代码示例。
介绍
解决Flutter开发中常见的布局溢出、状态管理错误、导航问题、性能瓶颈、热重载失效、测试失败等实际问题。当遇到RenderFlex溢出、BuildContext跨异步间隙使用、Provider/Riverpod/Bloc过度重建、路由深层链接处理、键盘遮挡表单、平台通道异常、国际化布局错乱等场景时，可立刻获得诊断和修复方案。
使用时，只需在对话中描述具体问题或需求，例如“我的Column在ListView中溢出”、“热重载不生效了”或“go_router的深层链接打不开”，该技能会自动分析上下文，定位根因，并给出包含代码示例的解决方案，同时提供最佳实践建议。
适合所有Flutter开发者，包括移动端、Web端、桌面端应用的构建者。无论是刚入门的初学者，还是遇到棘手bug的资深工程师，都能从中获得针对性帮助。特别适合需要频繁处理状态管理重构、性能优化、CI测试维护的团队。
建议结合Flutter官方文档和DevTools使用。对于复杂的性能问题，建议先通过Flutter DevTools进行性能分析，再使用本技能优化。注意该技能专注于Flutter/Dart技术栈，不适用于React Native或纯原生Swift/Kotlin开发场景。
核心特点
专门针对Flutter框架特有痛点（如RenderFlex溢出、BuildContext异步间隙、hot reload失效）提供诊断和修复，而非通用编码建议。
注意事项
不适用于React Native或纯原生Swift/Kotlin开发场景。
常见问题
Flutter热重载不生效怎么办？
检查是否修改了状态初始化代码、全局变量或main函数，尝试执行flutter clean后重启。
RenderFlex溢出如何解决？
使用Expanded、Flexible或ConstrainedBox控制子组件大小，避免在无约束的Column/ListView中直接使用行内组件。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/flutter-x-8/raw/index.md 读取 Flutter 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/flutter-x-8/raw/index.md（查看排版版本）