Flutter Agent Plugins

由 Flutter 团队维护的 Flutter Agent 插件。

一组旨在扩展 Flutter 开发中 AI Agent 能力的插件。这些插件将技能、MCP 服务器配置和规则打包在一起，为常规路径的 Flutter 开发提供定制化的工作流和说明。通过为 Agent 提供领域知识和可复用的工作流，你可以大幅减少错误，并确保 Agent 能够按照最佳实践可靠地完成任务。

插件可以将多种自定义配置打包在一起。这些插件的关键组件之一是 Agent Skills，它是由文件组成的简单文件夹，可以视为与 MCP 互补：MCP 为 Agent 提供对专用工具的访问能力，而 Skill 则教会 Agent “如何”针对特定任务使用这些工具。

你也可以为 Dart 任务安装 Dart 技能。

安装

关于如何为你首选的 Agent 安装这些插件的详细说明，请参考 使用 AI 开始开发。

可用技能

技能	描述	示例提示
flutter-add-integration-test	配置 Flutter Driver 以与应用交互，并将 MCP 操作转换为持久化集成测试。适用于为项目添加集成测试、通过 MCP 探索 UI 组件，或使用 integration_test 包自动化用户流程。	添加一个集成测试以验证结账体验
flutter-add-widget-preview	使用 previews.dart 系统为项目添加交互式组件预览。适用于创建新的 UI 组件或更新现有屏幕，以确保设计一致并进行交互式测试。	为 ProductCard 组件创建显示不同价格状态的预览
flutter-add-widget-test	使用 WidgetTester 实现组件级测试，以验证 UI 渲染和用户交互（点击、滚动、输入文本）。适用于验证某个组件显示正确数据并按预期响应事件。	为 CustomButton 添加一个组件测试，以验证 onTap 回调被调用
flutter-apply-architecture-best-practices	使用推荐的分层方式（UI、Logic、Data）设计 Flutter 应用架构。适用于构建新项目结构或为可扩展性进行重构。	重构身份验证流程，使其遵循推荐的分层架构
flutter-build-responsive-layout	使用 LayoutBuilder、MediaQuery 或 Expanded/Flexible 创建适配不同屏幕尺寸的布局。适用于需要 UI 在手机以及平板/桌面形态上均呈现良好效果。	使主屏幕具备响应式能力，在平板上显示网格，在手机上显示列表
flutter-fix-layout-issues	使用 Dart 和 Flutter MCP 工具修复 Flutter 布局错误（溢出、无界约束）。适用于处理 “RenderFlex overflowed”、“Vertical viewport was given unbounded height” 或类似的布局问题。	修复键盘显示时个人主页上的溢出错误
flutter-implement-json-serialization	使用 dart:convert 创建包含 fromJson 和 toJson 方法的模型类。适用于为简单数据结构手动映射 JSON 键与类属性。	为 User 模型类实现 JSON 序列化
flutter-setup-declarative-routing	使用 go_router 等包配置 MaterialApp.router，以实现高级的基于 URL 的导航。适用于开发需要特定深度链接和浏览器历史记录支持的 Web 应用或移动应用。	使用 GoRouter 设置首页、详情页和设置页的路径
flutter-setup-localization	添加 flutter_localizations 和 intl 依赖，在 pubspec.yaml 中启用 “generate true”，并创建 l10n.yaml 配置文件。适用于为新的 Flutter 项目初始化本地化支持。	设置本地化并添加英语和西班牙语翻译
flutter-use-http-package	使用 http 包执行 GET、POST、PUT 或 DELETE 请求。适用于需要从 REST API 获取数据或向 REST API 发送数据。	使用 http 包从 API 获取产品列表

贡献

我们目前暂不接受 Pull Request，但非常欢迎留下您的反馈！

详情请参阅 CONTRIBUTING.md。

行为准则

详情请参阅 CODE_OF_CONDUCT.md。