Chakra UI

Chakra UI MCP est le serveur MCP officiel de Chakra UI, la bibliothèque de composants React. Il donne aux assistants IA comme Claude Code, Cursor ou Copilot un accès direct aux composants, aux jetons de design (design tokens) et aux conseils de migration de Chakra UI.

Fonctionnalités principales

• Lister les composants, consulter leurs props et récupérer des exemples de code (list_components, get_component_props, get_component_example)
• Obtenir les jetons de design du thème et créer ou modifier des jetons personnalisés (get_theme, theme_customization)
• Relire du code pour migrer de Chakra UI v2 à v3 (v2_to_v3_code_review)
• Accéder aux modèles de composants de Chakra UI Pro (list_component_templates, get_component_templates), avec une licence Pro

Installation

Pour Claude Code :

claude mcp add chakra-ui -- npx -y @chakra-ui/react-mcp

Pour Cursor (fichier .cursor/mcp.json) ou tout client compatible :

{
  "mcpServers": {
    "chakra-ui": {
      "command": "npx",
      "args": ["-y", "@chakra-ui/react-mcp"]
    }
  }
}

Bon à savoir

• Seul le transport stdio est pris en charge ; le paquet npm est @chakra-ui/react-mcp (licence MIT)
• Les outils de composants, de thème et de migration sont gratuits et ne demandent aucune clé
• Les outils Pro exigent une licence Chakra UI Pro et la variable d’environnement CHAKRA_PRO_API_KEY
• Des configurations sont documentées pour VS Code, Cursor, Claude Code, Windsurf et Zed

Source : documentation officielle de Chakra UI, consultée le 31 octobre 2026.