> Markdown version of [Claude Code](https://vaadin.com/docs/v24/building-apps/mcp/supported-tools/claude-code). Section index: [llms.txt](https://vaadin.com/docs/v24/building-apps/llms.txt)

# Claude Code

Claude Code is Anthropic’s official CLI tool for agentic coding. It provides native support for HTTP-based MCP servers, making it straightforward to connect to the Vaadin MCP server.

**Requirements:** Claude Code 0.4.0 or later

## <a id="configuration"></a>Configuration

Add the following to `~/.claude.json` for global scope or `.mcp.json` (in project root) for project scope:

```json
{
  "mcpServers": {
    "vaadin": {
      "type": "http",
      "url": "https://mcp.vaadin.com/docs"
    }
  }
}
```

After configuration, restart Claude Code to load the MCP server.

> **Tip:** You can add multiple MCP servers to the configuration file. Each server should have a unique name in the `mcpServers` object.

## <a id="verify-the-setup"></a>Verify the Setup

After restarting Claude Code:

1. Start a new conversation

2. Ask a question about Vaadin development (e.g., "How to create a Button in Vaadin?")

3. Claude Code automatically uses the Vaadin MCP server to fetch relevant documentation

You can verify that the MCP server is connected by checking the status indicators in Claude Code’s interface.

## <a id="resources"></a>Resources

- [Claude Code Documentation](https://docs.claude.ai/docs/build-with-claude/claude-code)

- [Vaadin MCP Server Repository](https://github.com/vaadin/vaadin-mcp)