The Flutter Tools MCP Server provides tools for analyzing and modifying Dart/Flutter files:
Get Diagnostics: Retrieve diagnostics information for Dart/Flutter files using the
get_diagnosticstool.Apply Fixes: Apply Dart fix suggestions to files using the
apply_fixestool.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Flutter Tools MCP Serverget diagnostics for lib/main.dart"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Flutter Tools MCP Server
Overview
The flutter-tools MCP server provides tools for interacting with the Flutter SDK. It offers two main tools: get_diagnostics and apply_fixes. These tools help in analyzing and fixing Dart/Flutter files.
Related MCP server: Project Explorer MCP Server
Tools
get_diagnostics
Description: Get Flutter/Dart diagnostics for a file.
Input Schema:
Example Usage:
apply_fixes
Description: Apply Dart fix suggestions to a file.
Input Schema:
Example Usage:
Dependencies
@modelcontextprotocol/sdk: ^1.0.0node-pty: ^1.0.0which: ^4.0.0
Dev Dependencies
@types/node: ^18.19.0@types/which: ^3.0.3typescript: ^5.3.3
Scripts
build: Compiles the TypeScript code and sets the executable permissions on the compiled JavaScript file.prepare: Runs thebuildscript.watch: Compiles the TypeScript code and watches for changes, recompiling automatically.
Installation
To install the MCP server, add the following configuration to your MCP settings file:
Replace /path/to/flutter-tools/build/index.js with the actual path to the compiled JavaScript file.
Usage
Ensure the Flutter SDK is installed and available in your PATH.
Start the MCP server using the configured command.
Use the
get_diagnosticsandapply_fixestools as needed.