close
Skip to main content

Get started developing with AI

Learn how to set up and use AI agent plugins for Flutter and Dart using your preferred coding assistant.

AI coding assistants can accelerate your Flutter development workflow by writing code, fixing errors, and building complete features.

By default, general-purpose AI assistants might not have the latest context on Flutter patterns, project diagnostics, or third-party packages. Installing the official Flutter agent plugin equips your assistant with dedicated tools and recipes tailored for Flutter and Dart development.

How Flutter AI plugins work

#

An agent plugin bundles the tools and knowledge that an AI assistant needs to understand and modify your Flutter codebase.

When you install an official Flutter agent plugin, it connects your assistant to two core capabilities:

  • Agent skills: On-demand procedural guides from the official Flutter and Dart repositories that teach the assistant how to perform specific tasks, such as creating responsive layouts, managing state, or writing widget tests.
  • Dart and Flutter MCP server: A Model Context Protocol (MCP) server that connects the assistant to the Dart SDK, giving it real-time access to analyzer diagnostics, symbol resolution, test runners, and runtime inspection.

These tools work together automatically: the assistant uses MCP tools to query live project state and static analysis, while using agent skills to guide its coding strategies and best practices.

In addition to core Flutter plugins, you can also equip your assistant with skills that are shipped directly by third-party pub.dev packages using the skills package.

To learn more about the underlying architecture and capabilities of each tool, check out How Flutter AI tools work.

Choose your AI coding agent

#

Select your agent below for instructions on how to install official plugins and configure tools for Flutter development.

Antigravity is an agentic development platform by Google that includes the Antigravity IDE, IDE extensions (for VS Code and other editors), and the Antigravity CLI.

Antigravity IDE and extensions

Equip the Antigravity IDE or Antigravity extension (such as in VS Code) with official Dart and Flutter tools:

  1. Open Settings in Antigravity by clicking the gear icon or pressing Cmd/Ctrl + ,.
  2. Click the Customizations tab.
  3. In the Build with Google Plugins section, click Customize.
  4. Click Download next to the Dart and Flutter integration.

To verify the installation, open the Agent panel (Cmd/Ctrl + L) and ask the agent:

Summarize the Dart and Flutter tools and skills available in this project.

Antigravity CLI

The Antigravity CLI runs as the agy command in your terminal.

  1. Configure the Dart and Flutter MCP server in your project's .agents/mcp_config.json file (or globally in ~/.gemini/config/mcp_config.json):

    json
    {
      "mcpServers": {
        "dart": {
          "command": "dart",
          "args": ["mcp-server"]
        }
      }
    }
    
  2. Install official Flutter and Dart skills into your workspace:

    bash
    # Install Flutter skills
    npx skills add flutter/agent-plugins --skill '*' --agent universal --yes
    
    # Install Dart skills
    npx skills add dart-lang/skills --skill '*' --agent universal --yes
    
  3. Start an interactive session in your project root:

    bash
    agy
    

Claude Code is an agentic coding assistant from Anthropic that runs in your terminal.

Install the official plugin

Equip Claude Code with official Flutter and Dart skills and MCP configuration:

  1. Add the marketplace for Claude Code plugins:

    bash
    claude plugin marketplace add flutter/agent-plugins
    
  2. Install the Flutter and Dart plugin:

    bash
    claude plugin install dart-flutter@dart-flutter
    

Verify installation

Verify that the plugin is active in Claude Code:

bash
claude plugin marketplace list

Cursor is an AI-powered code editor built on top of VS Code.

Install the local plugin

You can install the official plugin bundle locally by copying it to your Cursor plugins directory:

  1. Clone the repository:

    bash
    git clone https://github.com/flutter/agent-plugins.git
    
  2. Copy the repository to your local Cursor plugins folder:

    bash
    mkdir -p ~/.cursor/plugins/local
    cp -r agent-plugins ~/.cursor/plugins/local/dart-flutter
    
  3. Restart Cursor. The editor automatically discovers the bundled skills and configures the Dart and Flutter MCP server.

Codex is an agentic coding assistant designed for terminal and IDE workflows.

Install the official plugin

Equip Codex with official Flutter and Dart skills and MCP configuration:

  1. Add the Dart and Flutter marketplace for Codex plugins:

    bash
    codex plugin marketplace add flutter/agent-plugins
    
  2. Install the Dart and Flutter plugin:

    bash
    codex plugin add dart-flutter@dart-flutter
    

Verify installation

Verify that the plugin is active in Codex:

bash
codex plugin list

GitHub Copilot in VS Code supports agentic coding, tool calling via MCP, and custom workspace instructions.

Configure the MCP server

  1. Ensure the Model Context Protocol (MCP) extension is enabled in VS Code.

  2. Create or open .vscode/mcp.json in your workspace and add the Dart MCP server:

    json
    {
      "servers": {
        "dart": {
          "command": "dart",
          "args": ["mcp-server"]
        }
      }
    }
    

Install agent skills

In your Flutter project root, install official skills using the universal flag:

bash
# Install Flutter skills
npx skills add flutter/agent-plugins --skill '*' --agent universal --yes

# Install Dart skills
npx skills add dart-lang/skills --skill '*' --agent universal --yes

If you're using another coding assistant (such as Windsurf, Zed, or Cline) that supports the Model Context Protocol (MCP) or Agent Skills specification, configure the tools manually.

Configure the MCP server

Most MCP-compatible clients use a standard JSON configuration format. Add the following entry to your client's MCP configuration file:

json
{
  "mcpServers": {
    "dart": {
      "command": "dart",
      "args": ["mcp-server"]
    }
  }
}

For client-specific setup guides, command-line arguments, and troubleshooting, check out the Dart and Flutter MCP server repository.

Install agent skills

Use the skills CLI to download skills into your workspace's standard .agents/skills directory:

bash
# Install Flutter skills
npx skills add flutter/agent-plugins --skill '*' --agent universal --yes

# Install Dart skills
npx skills add dart-lang/skills --skill '*' --agent universal --yes

Next steps

#