Lets agents debug Flutter apps by inspecting the widget tree, navigation and layout via visual and semantic snapshots.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add flutter --env LOG_LEVEL='<LOG_LEVEL>' --env PORT='<PORT>' -- node /path/to/your/cloned/flutter-inspector/mcp_server/build/index.js~/.codex/config.toml
[mcp_servers.flutter]
command = "node"
args = ["/path/to/your/cloned/flutter-inspector/mcp_server/build/index.js"]
env = { LOG_LEVEL = "<LOG_LEVEL>", PORT = "<PORT>" }
# codex mcp add flutter --env LOG_LEVEL='<LOG_LEVEL>' --env PORT='<PORT>' -- node /path/to/your/cloned/flutter-inspector/mcp_server/build/index.js~/.cursor/mcp.json
{
"mcpServers": {
"flutter": {
"command": "node",
"args": [
"/path/to/your/cloned/flutter-inspector/mcp_server/build/index.js"
],
"env": {
"LOG_LEVEL": "<LOG_LEVEL>",
"PORT": "<PORT>"
}
}
}
}.vscode/mcp.json
{
"servers": {
"flutter": {
"type": "stdio",
"command": "node",
"args": [
"/path/to/your/cloned/flutter-inspector/mcp_server/build/index.js"
],
"env": {
"LOG_LEVEL": "<LOG_LEVEL>",
"PORT": "<PORT>"
}
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"flutter": {
"command": "node",
"args": [
"/path/to/your/cloned/flutter-inspector/mcp_server/build/index.js"
],
"env": {
"LOG_LEVEL": "<LOG_LEVEL>",
"PORT": "<PORT>"
}
}
}
}claude_desktop_config.json
{
"mcpServers": {
"flutter": {
"command": "node",
"args": [
"/path/to/your/cloned/flutter-inspector/mcp_server/build/index.js"
],
"env": {
"LOG_LEVEL": "<LOG_LEVEL>",
"PORT": "<PORT>"
}
}
}
}.trae/mcp.json
{
"mcpServers": {
"flutter": {
"command": "node",
"args": [
"/path/to/your/cloned/flutter-inspector/mcp_server/build/index.js"
],
"env": {
"LOG_LEVEL": "<LOG_LEVEL>",
"PORT": "<PORT>"
}
}
}
}Environment variables
LOG_LEVELPORT
Replace the placeholders with your own credentials and keep them out of version control.