agent-plugins 插件三要素Skills、MCP、Rules 如何协同工作【免费下载链接】agent-plugins项目地址: https://gitcode.com/GitHub_Trending/skills16/agent-plugins agent-plugins 是什么三要素如何分工agent-plugins是 Flutter 官方团队维护的 AI 编程助手插件仓库专为 Flutter 开发场景打造。它把三类能力打包在一起让 AI Agent 在写 Flutter 代码时更少犯错、更稳定地完成任务Agent Skills教 AI 怎么做某个具体任务的技能说明书MCP给 AI 提供专业工具热重载、测试运行等的通道Rules定义什么情况下自动做什么的自动化行为规则仓库的 README.md 中有一句点睛之笔MCP 让 Agent 获得专用工具而 Skill 教会 Agent 如何为特定任务使用这些工具。三者的关系就像工具箱 使用手册 自动化流程的组合拳 要素角色一句话定位在仓库中的位置Skills领域专家手册教 Agent 如何执行特定任务skills/MCP工具箱提供 hot_reload、测试等专业工具由 Dart MCP 服务器提供Rules自动化守则匹配文件时自动触发的行为rules/ Skills教 AI 如何做事的领域专家手册Agent Skills本质上就是一个个技能文件夹每个文件夹里有一份SKILL.md文件用结构化的 Markdown 描述某个任务的完整工作流。这个仓库内置了 20 余个技能覆盖了 Flutter 开发的高频场景。比如skills/flutter-fix-layout-issues/SKILL.md —— 修复 RenderFlex overflowed 等布局错误skills/flutter-add-widget-test/SKILL.md —— 编写组件级测试skills/flutter-apply-architecture-best-practices/SKILL.md —— 按推荐的 UI / Logic / Data 分层架构组织项目skills/flutter-setup-declarative-routing/SKILL.md —— 配置 go_router 声明式路由以 Widget 测试技能为例它的SKILL.md里包含前置配置清单flutter_test依赖、test/目录规范、_test.dart命名约定核心组件说明WidgetTester、Finder、Matcher各自的用法可勾选的任务清单Task Progress9 个步骤从定义测试到运行验证Agent 可以逐项打勾跟踪进度条件分支逻辑测静态渲染用pump()、测动画用pumpAndSettle()、测长列表用scrollUntilVisible()这正是 Skills 的价值所在——把踩坑经验和最佳实践沉淀成可复用的工作流而不是每次都靠 AI 临时发挥。 小技巧每个SKILL.md的 YAML 头部都有description字段里面写明什么场景下使用该技能例如 Use when...。Agent 正是根据这段描述来决定该加载哪个技能的。 MCP给 AI 装上手脚的工具通道MCPModel Context Protocol解决的是另一类问题AI 只会说话但不会动手。MCP 让 Agent 能够调用专业工具真正操作你的开发环境。在 agent-plugins 的体系里最核心的是Dart MCP 服务器提供的工具例如hot_reload/hot_restart对正在运行的 Flutter 应用触发热重载 / 热重启list_running_apps/vm_service发现当前正在运行的应用实例测试运行、静态分析等开发工具链能力可以这样理解分工Skill 是知识MCP 是能力。比如修复布局错误的技能会指导 Agent 修改代码而真正让修改生效到屏幕上的是 MCP 的hot_reload工具。没有 MCPAI 只能给你一份修改建议有了 MCPAI 可以直接闭环完成改代码 → 热重载 → 验证效果。⚙️ Rules无需提示也能执行的自动化守则如果说 Skills 需要被选中才生效那么Rules 是常驻的自动化行为当匹配条件被触发时规则自动执行无需你额外提示。仓库中的 rules/flutter-hot-reload.md 就是一个典型示例trigger: glob globs: **/lib/**/*.dart它的意思是只要你或 AI编辑了lib/目录下的任何.dart文件就自动触发后续动作先判断是否跳过——只改注释、文档或空白字符时不触发发现并连接——用dtd或list_running_appsMCP 工具找到正在运行的应用精准选择重载方式——只改 UI /build方法时用hot_reload快改了initState、全局状态或main()时用hot_restart彻底 仓库中同时提供了 flutter-hot-reload.mdc 版本两者内容相同只是字段名trigger: globvsalwaysApply适配不同 AI 工具的规则格式。这体现了一份能力多端适配的插件设计思路。 三要素协同一次修 Bug的完整旅程单独看每个要素都容易理解它们的威力体现在协同工作上。我们以最常见的场景为例——修复一个 RenderFlex overflowed 布局错误第 1 步Skills 出场知识层你说帮我把个人页面的溢出错误修了。Agent 根据技能描述匹配到flutter-fix-layout-issues加载它的SKILL.md获得诊断手册识别错误类型 → 按条件选择修复方案Expanded还是Flexible。第 2 步MCP 发力能力层Agent 修改代码后调用hot_reload工具热重载应用立刻看到 UI 上黄黑警告条纹消失完成改完即验证。第 3 步Rules 兜底自动化层其实你甚至可以不说重载一下——flutter-hot-reload规则监听到lib/下的文件被修改自动连接应用并触发热重载全程零提示。一句话总结协同关系Rules 让简单动作自动化Skills 让复杂任务有章法MCP 让一切真正落地执行。️ 幕后故事Skills 是如何批量生产出来的这个仓库里还藏着一套生产工具——tool/generator/ 目录下的 Skills CLI。它的玩法是在 YAML 配置中列出每个技能要参考的官方文档 URL如 Flutter 布局文档爬取文档内容用 Gemini 大模型按照 skill_instructions.dart 中定义的专家级写作规范简洁、祈使句、单文件、含任务清单生成SKILL.md配套命令包括generate-skill生成、update-skill增量更新、validate-skill校验一致性、update-readme自动刷新技能列表表格详见 tool/generator/README.md。另外tool/sync_skills.dart 脚本负责从 Dart 官方技能仓库增量同步Dart 技能dart-前缀到本仓库的skills/目录并通过 Git 提交哈希判断变化、自动递增插件版本号。这也解释了为什么skills/下既有flutter-前缀的技能又有dart-前缀的技能。 新手上手清单按需使用技能直接用自然语言描述任务如给 CustomButton 加一个 widget 测试Agent 会自动匹配最合适的 Skill保持 Rules 生效确保热重载规则文件在你的 AI 工具规则目录中生效实现改完即刷新的丝滑体验理解 MCP 的价值配置好 Dart MCP 服务器后Agent 才具备热重载、运行测试等动手能力反馈经验项目暂不直接接受 PR但欢迎按 CONTRIBUTING.md 提交 Issue 反馈附上你使用的模型、Agent 工具和运行日志掌握Skills、MCP、Rules三要素的分工与协同你就不再是让 AI 碰运气而是把 Flutter 官方团队沉淀的最佳实践直接装进了你的 AI 工作流里 【免费下载链接】agent-plugins项目地址: https://gitcode.com/GitHub_Trending/skills16/agent-plugins创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 agent-plugins 插件三要素：Skills、MCP、Rules 如何协同工作
agent-plugins 插件三要素Skills、MCP、Rules 如何协同工作【免费下载链接】agent-plugins项目地址: https://gitcode.com/GitHub_Trending/skills16/agent-plugins agent-plugins 是什么三要素如何分工agent-plugins是 Flutter 官方团队维护的 AI 编程助手插件仓库专为 Flutter 开发场景打造。它把三类能力打包在一起让 AI Agent 在写 Flutter 代码时更少犯错、更稳定地完成任务Agent Skills教 AI 怎么做某个具体任务的技能说明书MCP给 AI 提供专业工具热重载、测试运行等的通道Rules定义什么情况下自动做什么的自动化行为规则仓库的 README.md 中有一句点睛之笔MCP 让 Agent 获得专用工具而 Skill 教会 Agent 如何为特定任务使用这些工具。三者的关系就像工具箱 使用手册 自动化流程的组合拳 要素角色一句话定位在仓库中的位置Skills领域专家手册教 Agent 如何执行特定任务skills/MCP工具箱提供 hot_reload、测试等专业工具由 Dart MCP 服务器提供Rules自动化守则匹配文件时自动触发的行为rules/ Skills教 AI 如何做事的领域专家手册Agent Skills本质上就是一个个技能文件夹每个文件夹里有一份SKILL.md文件用结构化的 Markdown 描述某个任务的完整工作流。这个仓库内置了 20 余个技能覆盖了 Flutter 开发的高频场景。比如skills/flutter-fix-layout-issues/SKILL.md —— 修复 RenderFlex overflowed 等布局错误skills/flutter-add-widget-test/SKILL.md —— 编写组件级测试skills/flutter-apply-architecture-best-practices/SKILL.md —— 按推荐的 UI / Logic / Data 分层架构组织项目skills/flutter-setup-declarative-routing/SKILL.md —— 配置 go_router 声明式路由以 Widget 测试技能为例它的SKILL.md里包含前置配置清单flutter_test依赖、test/目录规范、_test.dart命名约定核心组件说明WidgetTester、Finder、Matcher各自的用法可勾选的任务清单Task Progress9 个步骤从定义测试到运行验证Agent 可以逐项打勾跟踪进度条件分支逻辑测静态渲染用pump()、测动画用pumpAndSettle()、测长列表用scrollUntilVisible()这正是 Skills 的价值所在——把踩坑经验和最佳实践沉淀成可复用的工作流而不是每次都靠 AI 临时发挥。 小技巧每个SKILL.md的 YAML 头部都有description字段里面写明什么场景下使用该技能例如 Use when...。Agent 正是根据这段描述来决定该加载哪个技能的。 MCP给 AI 装上手脚的工具通道MCPModel Context Protocol解决的是另一类问题AI 只会说话但不会动手。MCP 让 Agent 能够调用专业工具真正操作你的开发环境。在 agent-plugins 的体系里最核心的是Dart MCP 服务器提供的工具例如hot_reload/hot_restart对正在运行的 Flutter 应用触发热重载 / 热重启list_running_apps/vm_service发现当前正在运行的应用实例测试运行、静态分析等开发工具链能力可以这样理解分工Skill 是知识MCP 是能力。比如修复布局错误的技能会指导 Agent 修改代码而真正让修改生效到屏幕上的是 MCP 的hot_reload工具。没有 MCPAI 只能给你一份修改建议有了 MCPAI 可以直接闭环完成改代码 → 热重载 → 验证效果。⚙️ Rules无需提示也能执行的自动化守则如果说 Skills 需要被选中才生效那么Rules 是常驻的自动化行为当匹配条件被触发时规则自动执行无需你额外提示。仓库中的 rules/flutter-hot-reload.md 就是一个典型示例trigger: glob globs: **/lib/**/*.dart它的意思是只要你或 AI编辑了lib/目录下的任何.dart文件就自动触发后续动作先判断是否跳过——只改注释、文档或空白字符时不触发发现并连接——用dtd或list_running_appsMCP 工具找到正在运行的应用精准选择重载方式——只改 UI /build方法时用hot_reload快改了initState、全局状态或main()时用hot_restart彻底 仓库中同时提供了 flutter-hot-reload.mdc 版本两者内容相同只是字段名trigger: globvsalwaysApply适配不同 AI 工具的规则格式。这体现了一份能力多端适配的插件设计思路。 三要素协同一次修 Bug的完整旅程单独看每个要素都容易理解它们的威力体现在协同工作上。我们以最常见的场景为例——修复一个 RenderFlex overflowed 布局错误第 1 步Skills 出场知识层你说帮我把个人页面的溢出错误修了。Agent 根据技能描述匹配到flutter-fix-layout-issues加载它的SKILL.md获得诊断手册识别错误类型 → 按条件选择修复方案Expanded还是Flexible。第 2 步MCP 发力能力层Agent 修改代码后调用hot_reload工具热重载应用立刻看到 UI 上黄黑警告条纹消失完成改完即验证。第 3 步Rules 兜底自动化层其实你甚至可以不说重载一下——flutter-hot-reload规则监听到lib/下的文件被修改自动连接应用并触发热重载全程零提示。一句话总结协同关系Rules 让简单动作自动化Skills 让复杂任务有章法MCP 让一切真正落地执行。️ 幕后故事Skills 是如何批量生产出来的这个仓库里还藏着一套生产工具——tool/generator/ 目录下的 Skills CLI。它的玩法是在 YAML 配置中列出每个技能要参考的官方文档 URL如 Flutter 布局文档爬取文档内容用 Gemini 大模型按照 skill_instructions.dart 中定义的专家级写作规范简洁、祈使句、单文件、含任务清单生成SKILL.md配套命令包括generate-skill生成、update-skill增量更新、validate-skill校验一致性、update-readme自动刷新技能列表表格详见 tool/generator/README.md。另外tool/sync_skills.dart 脚本负责从 Dart 官方技能仓库增量同步Dart 技能dart-前缀到本仓库的skills/目录并通过 Git 提交哈希判断变化、自动递增插件版本号。这也解释了为什么skills/下既有flutter-前缀的技能又有dart-前缀的技能。 新手上手清单按需使用技能直接用自然语言描述任务如给 CustomButton 加一个 widget 测试Agent 会自动匹配最合适的 Skill保持 Rules 生效确保热重载规则文件在你的 AI 工具规则目录中生效实现改完即刷新的丝滑体验理解 MCP 的价值配置好 Dart MCP 服务器后Agent 才具备热重载、运行测试等动手能力反馈经验项目暂不直接接受 PR但欢迎按 CONTRIBUTING.md 提交 Issue 反馈附上你使用的模型、Agent 工具和运行日志掌握Skills、MCP、Rules三要素的分工与协同你就不再是让 AI 碰运气而是把 Flutter 官方团队沉淀的最佳实践直接装进了你的 AI 工作流里 【免费下载链接】agent-plugins项目地址: https://gitcode.com/GitHub_Trending/skills16/agent-plugins创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考