Servidor MCP de amCharts 5

Un servidor MCP (Model Context Protocol) que proporciona a los asistentes de IA acceso bajo demanda a la base de conocimientos completa de amCharts 5: más de 140 páginas de documentación, más de 280 ejemplos de código y más de 1000 referencias de API de clases.

Funciona con Claude Code, Claude Desktop, Cursor, Windsurf, VS Code + GitHub Copilot y cualquier otra herramienta de IA compatible con MCP.

¿Por qué?

En lugar de cargar toda la referencia de amCharts en la ventana de contexto de la IA, el servidor MCP permite que la IA consulte exactamente lo que necesita: una referencia de tipo de gráfico específico, un ejemplo de código o una búsqueda de API. Esto significa mejores respuestas con menos desperdicio de contexto.

Inicio rápido

Claude Code

Para todos los proyectos (global, recomendado):

claude mcp add -s user amcharts5 -- npx -y @amcharts/amcharts5-mcp

Para solo el proyecto actual:

claude mcp add amcharts5 -- npx -y @amcharts/amcharts5-mcp

Claude Desktop

Añadir a tu claude_desktop_config.json:

{
  "mcpServers": {
    "amcharts5": {
      "command": "npx",
      "args": ["-y", "@amcharts/amcharts5-mcp"]
    }
  }
}

Cursor

Crea o edita .cursor/mcp.json en la raíz de tu proyecto (o ~/.cursor/mcp.json para global):

{
  "mcpServers": {
    "amcharts5": {
      "command": "npx",
      "args": ["-y", "@amcharts/amcharts5-mcp"]
    }
  }
}

Windsurf

Edita ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "amcharts5": {
      "command": "npx",
      "args": ["-y", "@amcharts/amcharts5-mcp"]
    }
  }
}

VS Code + GitHub Copilot

Crea o edita .vscode/mcp.json en tu espacio de trabajo:

{
  "servers": {
    "amcharts5": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@amcharts/amcharts5-mcp"]
    }
  }
}

Otras herramientas compatibles con MCP

Para cualquier otra herramienta que admita MCP (Cline, Continue, Amazon Q, Zed, etc.), configúrala para ejecutar:

npx -y @amcharts/amcharts5-mcp

Ejecutar localmente (para desarrollo)

git clone https://github.com/amcharts/amcharts5-mcp.git
cd amcharts5-mcp
npm install
npm start

Herramientas disponibles

Ejemplo de uso

Una vez conectado, tu asistente de IA puede:

• "Constrúyeme un gráfico circular" → La IA llama a get_quick_start("pie") y adapta la plantilla

• "¿Cómo formateo las etiquetas del eje de fechas?" → La IA llama a search_all("date axis label format")

• "Muéstrame el ejemplo del diagrama de Sankey" → La IA llama a get_example("examples/flow/sankey-diagram")

• "¿Qué configuraciones admite XYChart?" → La IA llama a get_doc("reference/xychart")

• "¿Cómo lo integro con React?" → La IA llama a get_doc("getting-started/integrations/react")

• "¿Qué tipos de gráficos están disponibles?" → La IA llama a list_chart_types()

Contenido

El servidor incluye más de 1500 documentos:

• Más de 140 páginas de documentación: primeros pasos, guías de gráficos, conceptos (temas, eventos, adaptadores, enlace de datos, animaciones, accesibilidad, etc.) y guías de integración de frameworks (React, Angular, Vue, Next.js, Svelte y más)

• Más de 280 ejemplos de código: demostraciones funcionales en 16 categorías, incluyendo columnas/barras, líneas/áreas, circular/donut, mapas, jerarquía, flujo, radar/polar, stock, medidores, Gantt, línea de tiempo y más

• Más de 1000 referencias de API de clases: cada clase en la biblioteca de amCharts 5 con sus configuraciones, propiedades, métodos, eventos y cadena de herencia

• Referencia de habilidades curada: plantillas de inicio rápido y guías específicas de gráficos de amCharts 5 AI Skill

Licencia

MIT