flutter-skill vs chrome-devtools-mcp
并排对比，帮你在这两个 MCP server 之间做选择。
flutter-skill by ai-dashboad | chrome-devtools-mcp by ChromeDevTools | |
|---|---|---|
| Stars | ★ 252 | ★ 39,757 |
| 30天用量 | — | — |
| 综合分 | 52 | 65 |
| 官方 | — | — |
| 分类 | 开发者工具AI / LLM 工具浏览器自动化 | 浏览器自动化开发者工具网页抓取 |
| 实现语言 | Dart | TypeScript |
| 最近提交 | 1 个月前 | 本月 |
flutter-skill · 概述
AI 驱动的端到端测试工具，支持 10 个平台，拥有 253 个 MCP 工具，可通过自然语言进行测试而无需编写测试代码。
chrome-devtools-mcp · 概述
Chrome DevTools MCP 服务器让 AI 编码代理通过 MCP 协议控制和检查实时 Chrome 浏览器。
flutter-skill · 使用场景
- 使用自然语言提示在多个平台上进行自动化端到端测试
- AI 驱动的错误检测和应用程序自主探索
- 与 Claude、Cursor 和 Windsurf 等 AI 助手集成进行开发测试
chrome-devtools-mcp · 使用场景
- AI 代理自动执行网页测试和验证
- Web 应用性能分析和优化
- 通过 AI 驱动的检查调试 Web 应用程序
flutter-skill · 安装
安装
- **安装 flutter-skill CLI：**
npm install -g flutter-skill- **添加到 AI 工具的 MCP 配置（以 Claude Desktop 为例）：**
{
"mcpServers": {
"flutter-skill": {
"command": "flutter-skill",
"args": ["server"]
}
}
}- **添加到您的 Flutter 应用**（2 行代码）：
import 'package:flutter_skill/flutter_skill.dart';
void main() {
if (kDebugMode) FlutterSkillBinding.ensureInitialized();
runApp(MyApp());
}chrome-devtools-mcp · 安装
安装
将以下配置添加到您的 MCP 客户端：
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}
}
}对于无头模式下的基本浏览器任务：
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest", "--slim", "--headless"]
}
}
}