Docs

Docs

Setup Guide

Learn how to configure Claude Code to access Vaadin documentation through the Model Context Protocol server

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

Configuration

Add the following to your ~/.config/claude/claude_desktop_config.json:

Source code
JSON
{
  "mcpServers": {
    "vaadin": {
      "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.

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.

Resources