[docs] Add instructions for installing the Claude plugin - #13643
[docs] Add instructions for installing the Claude plugin#13643jesskuras wants to merge 4 commits into
Conversation
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
There was a problem hiding this comment.
Code Review
This pull request updates the documentation to include instructions for setting up Claude Code with Flutter and Dart. It adds details on installing the official Flutter plugin to automatically configure agent skills and the MCP server. The review feedback suggests minor phrasing and grammatical improvements to clarify that the plugin is installed via the plugin marketplace rather than directly from GitHub, and to add missing articles for better readability.
| If you use Claude Code, you can install the official Flutter plugin directly | ||
| from GitHub. This installs Flutter and Dart agent skills alongside the | ||
| [Dart and Flutter MCP server](/ai/mcp-server): |
There was a problem hiding this comment.
For better accuracy and grammatical flow, consider phrasing this to indicate installation is done via the plugin marketplace rather than directly from GitHub, and add the article 'the' before 'Flutter and Dart agent skills'.
| If you use Claude Code, you can install the official Flutter plugin directly | |
| from GitHub. This installs Flutter and Dart agent skills alongside the | |
| [Dart and Flutter MCP server](/ai/mcp-server): | |
| If you use Claude Code, you can install the official Flutter plugin | |
| via the plugin marketplace. This installs the Flutter and Dart agent skills | |
| alongside the [Dart and Flutter MCP server](/ai/mcp-server): |
| The easiest way to set up the Dart and Flutter MCP server in Claude Code is to | ||
| install the official Flutter plugin from GitHub. This installs both the MCP | ||
| server and official [Agent skills](/ai/agent-skills): |
There was a problem hiding this comment.
For consistency and accuracy, refer to installing the plugin via the marketplace rather than directly from GitHub, and add the missing article 'the' before 'official Agent skills'.
| The easiest way to set up the Dart and Flutter MCP server in Claude Code is to | |
| install the official Flutter plugin from GitHub. This installs both the MCP | |
| server and official [Agent skills](/ai/agent-skills): | |
| The easiest way to set up the Dart and Flutter MCP server in Claude Code is to | |
| install the official Flutter plugin via the plugin marketplace. This installs | |
| both the MCP server and the official [Agent skills](/ai/agent-skills): |
|
Staged preview of the updated docs.flutter.dev site (updated for commit 7842442): https://flutter-docs-prod--docs-pr13643-add-claude-plugin-inst-9b5stgrp.web.app |
|
Staged preview of the updated flutter.dev site (updated for commit 7842442): https://flutter-dev-230821--www-pr13643-add-claude-plugin-inst-y2549srf.web.app |
There was a problem hiding this comment.
Code Review
This pull request updates the documentation to add instructions for integrating Claude Code with Flutter and Dart agent skills and MCP servers. However, the reviewer pointed out that the documented claude plugin commands and plugin marketplace do not actually exist in Claude Code. The feedback suggests removing these incorrect plugin instructions and instead guiding users to use the skills CLI for automatic discovery and the standard claude mcp command for manual configuration.
| ### Using the Claude Code plugin | ||
|
|
||
| If you use Claude Code, you can install the official Flutter plugin. This | ||
| installs the Flutter and Dart agent skills alongside the | ||
| [Dart and Flutter MCP server](/ai/mcp-server): | ||
|
|
||
| 1. Add the Flutter marketplace for Claude plugins: | ||
|
|
||
| ```console | ||
| $ claude plugin marketplace add flutter/agent-plugins | ||
| ``` | ||
|
|
||
| 2. Install the plugin: | ||
|
|
||
| ```console | ||
| $ claude plugin install dart-flutter@dart-flutter | ||
| ``` | ||
|
|
||
| 3. Verify the installation: | ||
|
|
||
| ```console | ||
| $ claude plugin marketplace list | ||
| ``` |
There was a problem hiding this comment.
The claude plugin command and plugin marketplace do not exist in Claude Code. Claude Code is configured via MCP servers (using claude mcp) and does not have a plugin system or marketplace.
To use agent skills with Claude Code, users should install them into the project's .agents/skills directory using the skills CLI (as described in the 'Using the skills CLI' section), which Claude Code will then automatically discover.
| ### Using the Claude Code plugin | |
| If you use Claude Code, you can install the official Flutter plugin. This | |
| installs the Flutter and Dart agent skills alongside the | |
| [Dart and Flutter MCP server](/ai/mcp-server): | |
| 1. Add the Flutter marketplace for Claude plugins: | |
| ```console | |
| $ claude plugin marketplace add flutter/agent-plugins | |
| ``` | |
| 2. Install the plugin: | |
| ```console | |
| $ claude plugin install dart-flutter@dart-flutter | |
| ``` | |
| 3. Verify the installation: | |
| ```console | |
| $ claude plugin marketplace list | |
| ``` | |
| ### Claude Code integration | |
| If you use Claude Code, it will automatically discover any agent skills installed in your project's `.agents/skills` directory. Simply follow the [Using the skills CLI](#using-the-skills-cli) instructions above to install the skills in your project workspace. |
| You can configure Claude Code to use the Dart and Flutter MCP server either | ||
| by installing the official plugin or by configuring the server manually. | ||
|
|
||
| #### Install via plugin (recommended) | ||
|
|
||
| The easiest way to set up the Dart and Flutter MCP server in Claude Code is to | ||
| install the official Flutter plugin. This installs both the MCP | ||
| server and official [agent skills](/ai/agent-skills): | ||
|
|
||
| 1. Add the Flutter marketplace for Claude plugins: | ||
|
|
||
| ```console | ||
| $ claude plugin marketplace add flutter/agent-plugins | ||
| ``` | ||
|
|
||
| 2. Install the plugin: | ||
|
|
||
| ```console | ||
| $ claude plugin install dart-flutter@dart-flutter | ||
| ``` | ||
|
|
||
| 3. Verify the installation: | ||
|
|
||
| ```console | ||
| $ claude plugin marketplace list | ||
| ``` | ||
|
|
||
| #### Configure manually | ||
|
|
||
| Alternatively, to configure Claude Code to use only the Dart and Flutter MCP | ||
| server for the current project, use the `claude mcp add` CLI command: | ||
|
|
There was a problem hiding this comment.
The claude plugin command and plugin marketplace do not exist in Claude Code. Claude Code only supports MCP servers via the claude mcp command. Please revert this section to the original manual configuration instructions.
| You can configure Claude Code to use the Dart and Flutter MCP server either | |
| by installing the official plugin or by configuring the server manually. | |
| #### Install via plugin (recommended) | |
| The easiest way to set up the Dart and Flutter MCP server in Claude Code is to | |
| install the official Flutter plugin. This installs both the MCP | |
| server and official [agent skills](/ai/agent-skills): | |
| 1. Add the Flutter marketplace for Claude plugins: | |
| ```console | |
| $ claude plugin marketplace add flutter/agent-plugins | |
| ``` | |
| 2. Install the plugin: | |
| ```console | |
| $ claude plugin install dart-flutter@dart-flutter | |
| ``` | |
| 3. Verify the installation: | |
| ```console | |
| $ claude plugin marketplace list | |
| ``` | |
| #### Configure manually | |
| Alternatively, to configure Claude Code to use only the Dart and Flutter MCP | |
| server for the current project, use the `claude mcp add` CLI command: | |
| To configure Claude Code to use the Dart and Flutter MCP server | |
| for the current project, use the `claude mcp add` CLI command: |
| [Claude Code](https://code.claude.com/) is an agentic coding assistant from | ||
| Anthropic that runs in your terminal. You can equip Claude Code with domain | ||
| expertise and tools for Flutter and Dart by installing the official Flutter | ||
| plugin: | ||
|
|
||
| ```console | ||
| $ claude plugin marketplace add flutter/agent-plugins | ||
| $ claude plugin install dart-flutter@dart-flutter | ||
| ``` | ||
|
|
||
| For more details on setting up skills and tools with Claude Code, see the | ||
| [agent skills](/ai/agent-skills) and [MCP server](/ai/mcp-server) pages. |
There was a problem hiding this comment.
The claude plugin command and plugin marketplace do not exist in Claude Code. Please replace this with a general description of how to equip Claude Code with skills and tools by pointing to the other pages.
| [Claude Code](https://code.claude.com/) is an agentic coding assistant from | |
| Anthropic that runs in your terminal. You can equip Claude Code with domain | |
| expertise and tools for Flutter and Dart by installing the official Flutter | |
| plugin: | |
| ```console | |
| $ claude plugin marketplace add flutter/agent-plugins | |
| $ claude plugin install dart-flutter@dart-flutter | |
| ``` | |
| For more details on setting up skills and tools with Claude Code, see the | |
| [agent skills](/ai/agent-skills) and [MCP server](/ai/mcp-server) pages. | |
| [Claude Code](https://code.claude.com/) is an agentic coding assistant from | |
| Anthropic that runs in your terminal. You can equip Claude Code with domain | |
| expertise and tools for Flutter and Dart by setting up agent skills and the MCP server. | |
| For more details on setting up skills and tools with Claude Code, see the | |
| [agent skills](/ai/agent-skills) and [MCP server](/ai/mcp-server) pages. |
lamek
left a comment
lamek
left a comment
There was a problem hiding this comment.
The Flutter skills repo is now agent plugins (https://github.com/flutter/agent-plugins).
Because the instructions are the same, I recommend keeping the updates here to the skills page, and linking back to it from both the other two (MCP and Coding Assistants).
3 participants
This PR adds documentation for installing the official Flutter plugin for Claude Code across the AI assistance documentation pages ('agent-skills.md', 'mcp-server.md', and 'coding-assistants.md').
Changes