mcp_flutter
让AI助手实时检查和操控运行中的Flutter应用。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：mcp_flutter。 它的用途是：让AI助手实时检查和操控运行中的Flutter应用。 完整的 Skill 内容见：https://321skill.com/skills/mcp-flutter/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我检查一下当前登录页面的输入框，并模拟输入我的测试账号。”，它会连接到你的Flutter应用，获取UI快照，定位到目标输入框并自动填入文本。然后你可以说：“点击登录按钮，并告诉我控制台有没有错误日志。”，AI会执行点击操作并返回应用的日志信息，帮你快速验证功能。
介绍
flutter-mcp-toolkit 是一个 Dart MCP 服务器和 Flutter 包，旨在解决AI助手与Flutter应用开发之间缺乏实时交互闭环的问题。它允许AI助手（如Claude Code、Cursor等）直接连接到正在运行的Flutter应用，实时获取应用状态（如语义快照、日志），并执行用户操作（如点击控件、输入文本），甚至触发热重载，从而实现从代码修改到应用验证的快速反馈循环。
使用方式非常直接：通过安装脚本获取命令行工具，在Flutter项目中初始化并集成mcp_toolkit包，然后配置你的AI助手（如Claude Desktop）连接到此MCP服务器。之后，你就可以在对话中直接让AI助手检查应用的UI结构、测试交互或验证修改效果。
这个工具非常适合需要快速迭代、调试或自动化测试Flutter应用的前端开发、全栈开发和移动应用开发者。对于产品经理和测试工程师，它也能提供一种全新的、由AI驱动的应用原型验证和交互测试方式。
建议在开发或测试环境中使用，初次使用时请仔细阅读文档，了解如何配置AI助手以连接MCP服务器。注意当前v4版本为预发布版，生产环境建议使用稳定的3.x版本。
核心特点
与同类仅提供代码生成或静态分析的AI开发工具不同，flutter-mcp-toolkit的核心在于提供了对“运行中”Flutter应用的实时、双向交互能力，使AI能像真实用户一样操作应用并获取即时反馈，形成开发-验证的完整闭环。
注意事项
目前主要适用于Flutter应用开发场景，对于其他技术栈或非移动端项目不适用。
常见问题
这个工具支持哪些AI助手？
支持任何兼容MCP协议的AI助手，如Claude Desktop、Cursor、Cline、Codex等。
需要修改我的Flutter应用代码吗？
是的，需要在Flutter应用中添加mcp_toolkit依赖并进行简单初始化。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/mcp-flutter/raw/index.md 读取 mcp_flutter 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/mcp-flutter/raw/index.md（查看排版版本）