前言
在 Vibe Coding 时代，AI 已经能帮我们写代码了。但有一个问题一直没解决：AI 能测试你的 App 吗？
不是跑单元测试，而是真正像用户一样：点按钮、输入文字、滑动页面、截图验证结果。
flutter-skill 就是为此而生的开源工具。它是一个 MCP (Model Context Protocol) 服务器，让 Claude、Cursor、Windsurf 等 AI 工具直接操控你的应用 UI。
项目地址：https://github.com/ai-dashboard/flutter-skill
核心亮点
- 255 个 MCP 工具：涵盖 tap、type、scroll、screenshot、snapshot、upload_file、Shadow DOM 穿透、网络拦截、API 测试等
- 10 个平台：Flutter iOS/Android/Web、Electron、Tauri、KMP、React Native、.NET MAUI、Web CDP、iOS Native
- 656/664 测试通过（98.8%）：全部由 AI 驱动，零手写测试代码
- snapshot() 节省 99% Token：相比截图，无障碍树文本表示极其高效，这也是微软 Playwright MCP 在 README 中承认的痛点
- 30 秒集成：
flutter-skill init自动检测框架并注入 Bridge SDK
与竞品对比
| 工具 | MCP 工具数 | 平台数 | 特色 |
|---|---|---|---|
| flutter-skill | 255 | 10 | 全平台、Shadow DOM、视频录制、并行多设备 |
| Playwright MCP (微软) | ~33 | 1 (Web) | 浏览器自动化 |
| browser-use | ~15 | 1 (Web) | AI 浏览器代理 |
| Midscene | ~20 | 2 | 视觉 AI 测试 |
快速上手
安装
# npm
npm install -g flutter-skill-mcp
# Homebrew
brew tap nicholasmurray/tap
brew install flutter-skill
# 或者直接用 Dart
dart pub global activate flutter_skill
浏览器自动化（零配置）
# 启动 serve 模式，连接到任意网站
flutter-skill serve https://your-app.com --port=3000
# AI 现在可以通过 MCP 协议控制浏览器了
# snapshot() 返回无障碍树，比截图节省 99% token
App 测试（30 秒集成）
flutter-skill init
flutter-skill demo
