Flutter Inspector MCP Server
by Arenukvern
A powerful Model Context Protocol (MCP) server that connects your Flutter apps with AI coding assistants. It allows AI tools to analyze errors and get screenshots of your app.
Last updated: N/A
What is Flutter Inspector MCP Server?
The Flutter Inspector MCP Server is a Model Context Protocol server designed to integrate Flutter applications with AI coding assistants like Cursor, Claude, and Cline. It provides AI tools with access to information about the Flutter app, enabling them to assist with debugging and development.
How to use Flutter Inspector MCP Server?
To use the server, you need to run it alongside your Flutter app in debug mode. It requires a forwarding server and the MCP extension added to your Flutter app's dev dependencies and enabled in Devtools. Configuration options are available in CONFIGURATION.md. Refer to QUICK_START.md for a quick start guide.
Key features of Flutter Inspector MCP Server
Analyse errors: get precise and condensed errors of your app
Screenshot: get screenshot of the app (Works only with Claude)
App info: size of screen, pixel ratio (Will be implemented)
Hot reload & Hot restart (Will be implemented)
Selection tool (Will be implemented)
Use cases of Flutter Inspector MCP Server
AI-powered debugging of Flutter apps
Automated code generation and refactoring
Intelligent code completion and suggestions
Integration with AI coding assistants for enhanced development workflows
FAQ from Flutter Inspector MCP Server
How do I resolve connection issues?
How do I resolve connection issues?
Ensure your Flutter app is running in debug mode, verify the port matches in both Flutter app and inspector, and check if the port is not being used by another process.
What if the AI tool is not detecting the inspector?
What if the AI tool is not detecting the inspector?
Restart the AI tool after configuration changes, verify the configuration JSON syntax, and check the tool's logs for connection errors.
What is the purpose of the forwarding server?
What is the purpose of the forwarding server?
Currently, Flutter works with the MCP server via a forwarding server. See the Architecture document for more details.
Are all methods implemented?
Are all methods implemented?
No, this project is a work in progress, and not all methods (mostly Flutter Inspector related) are implemented yet.
What is Smithery Integration?
What is Smithery Integration?
The Flutter Inspector is registered with Smithery's registry, making it discoverable and usable by other AI tools through a standardized interface.