flutter/skills
摘要
Flutter团队发布了一套代理技能集合，为Flutter应用开发工作流提供定制化指令，旨在帮助AI代理遵循最佳实践并减少错误。
查看缓存全文
缓存时间: 2026/05/08 12:27
flutter/skills
来源：https://github.com/flutter/skills
Flutter 智能体技能
由 Flutter 团队维护的 Flutter 智能体技能。 这是一组技能集合，为 Flutter 应用开发的标准路径提供定制化指导。通过赋予智能体实际的领域知识和可重复的工作流程，可以大幅减少错误，确保智能体能够遵循最佳实践可靠地完成任务。
技能本质上是简单的文件文件夹，可视为 MCP 的补充——MCP 为智能体提供专用工具，而技能则教会智能体“如何“为特定任务使用工具。
你还可以安装 Dart 的智能体技能（https://github.com/dart-lang/skills）以处理 Dart 相关任务。
安装
要将所有技能安装到你的项目中，请运行以下命令。
--agent universal 标志会将其放置到大多数智能体使用的标准 .agents/skills 文件夹中。
npx skills add flutter/skills --skill '*' --agent universal
更新技能
如需更新，请运行以下命令：
npx skills update
可用技能
| 技能 | 描述 | 示例提示词 |
|---|---|---|
| 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、逻辑、数据）来构建 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 获取数据或向它发送数据时使用。 | 使用 http 包从 API 获取产品列表 |
贡献
我们目前不接受拉取请求，但我们非常希望听到你的反馈！
更多信息请参见 CONTRIBUTING.md。
行为准则
更多信息请参见 CODE_OF_CONDUCT.md。
相似文章
@sharbel: 有人构建了一个免费的、生产级工程技能合集，教会你的 AI 编码代理如何像高级工程师一样精确工作……
Agent Skills 是一个免费的开源合集，包含生产级工程技能，教会 AI 编码代理遵循高级工程师的工作流程，包括规范优先、原子化构建和质量门，兼容 Claude Code、Codex、Cursor 和 Gemini CLI。
@op7418: https://x.com/op7418/status/2065232309310427565
This article discusses the concept of Skills in the AI agent ecosystem, arguing that Skills are more than prompts—they are packaged capabilities that externalize human expertise into reusable workflow units. The author shares design principles and case studies from building popular Skills.
tech-leads-club/agent-skills
Agent Skills 是一个经过加固的开源库，包含经过验证和测试的技能，用于扩展 AI 编码代理（如 Claude Code 和 Cursor），解决了市场上替代方案中存在的安全漏洞。
agentskills/agentskills
Agent Skills 是 Anthropic 提出的一项开放标准，用于将专业知识和工作流程打包到可移植、版本控制的文件夹中，AI 代理可以按需加载这些文件夹，从而在最小化上下文开销的情况下实现领域专业知识和可重复执行的任务。
addyosmani/agent-skills
agent-skills 是一套旨在增强 AI 编程代理能力的生产级工程技能集。