amCharts 5 MCP Server

Сервер MCP (Model Context Protocol), который предоставляет ИИ-ассистентам доступ по запросу к полной базе знаний amCharts 5: более 140 страниц документации, более 280 примеров кода и более 1000 справочников по API классов.

Работает с Claude Code, Claude Desktop, Cursor, Windsurf, VS Code + GitHub Copilot и любыми другими инструментами ИИ, поддерживающими MCP.

Зачем это нужно?

Вместо того чтобы загружать весь справочник amCharts в контекстное окно ИИ, MCP-сервер позволяет ИИ запрашивать именно то, что ему нужно — справочник по конкретному типу диаграммы, пример кода или поиск по API. Это означает более точные ответы при меньшем расходе контекста.

Related MCP server: Dedalus MCP Documentation Server

Быстрый старт

Claude Code

Для всех проектов (глобально, рекомендуется):

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

Для только текущего проекта:

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

Claude Desktop

Добавьте в ваш claude_desktop_config.json:

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

Cursor

Создайте или отредактируйте .cursor/mcp.json в корне вашего проекта (или ~/.cursor/mcp.json для глобального использования):

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

Windsurf

Отредактируйте ~/.codeium/windsurf/mcp_config.json:

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

VS Code + GitHub Copilot

Создайте или отредактируйте .vscode/mcp.json в вашей рабочей области:

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

Другие инструменты с поддержкой MCP

Для любого другого инструмента, поддерживающего MCP (Cline, Continue, Amazon Q, Zed и т. д.), настройте его на запуск:

npx -y @amcharts/amcharts5-mcp

Запуск локально (для разработки)

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

Доступные инструменты

Пример использования

После подключения ваш ИИ-ассистент сможет:

• "Создай мне круговую диаграмму" → ИИ вызывает get_quick_start("pie") и адаптирует шаблон

• "Как отформатировать метки оси даты?" → ИИ вызывает search_all("date axis label format")

• "Покажи мне пример диаграммы Санки" → ИИ вызывает get_example("examples/flow/sankey-diagram")

• "Какие настройки поддерживает XYChart?" → ИИ вызывает get_doc("reference/xychart")

• "Как интегрировать с React?" → ИИ вызывает get_doc("getting-started/integrations/react")

• "Какие типы диаграмм доступны?" → ИИ вызывает list_chart_types()

Контент

Сервер включает более 1500 документов:

• Более 140 страниц документации — начало работы, руководства по диаграммам, концепции (темы, события, адаптеры, привязка данных, анимации, доступность и т. д.) и руководства по интеграции с фреймворками (React, Angular, Vue, Next.js, Svelte и другие)

• Более 280 примеров кода — рабочие демо в 16 категориях, включая столбчатые/линейчатые, линейные/областные, круговые/кольцевые, карты, иерархические, потоковые, радарные/полярные, биржевые, датчики, диаграммы Ганта, временные шкалы и многое другое

• Более 1000 справочников по API классов — каждый класс в библиотеке amCharts 5 с его настройками, свойствами, методами, событиями и цепочкой наследования

• Кураторский справочник навыков — шаблоны быстрого старта и руководства по конкретным диаграммам из amCharts 5 AI Skill

Лицензия

MIT