AI Tools for ApexCharts

AI Tools for ApexCharts

The ApexCharts ecosystem provides a few ways to help AI coding assistants build charts faster and with fewer errors. For a visual walkthrough, see Build ApexCharts with AI.

Skill

Skill files are context documents you add to your project once. They teach AI coding assistants (Claude Code, Cursor, GitHub Copilot, ChatGPT, and others) the correct patterns for ApexCharts: proper series formats, lifecycle management, formatter signatures, and more.

Without a skill file, AI tools frequently produce broken chart code: wrong data shapes for pie/donut, missing render() calls, or memory leaks in React/Vue components. The skill file eliminates these error classes on the first try.

  • ApexCharts Skill: all 16 chart types, React/Vue/Angular integration, SSR, tree shaking
  • ApexGantt Skill: tasks, dependencies, milestones, drag/resize/inline-edit events
  • ApexTree Skill: NestedNode data, org-card mode, custom node templates, Graph API
  • ApexSankey Skill: nodes/edges format, layer ordering, tooltips, path highlighting
  • ApexGrid Skill: apex-grid web component, Lit templates, sort/filter, server-side data
  • ApexStock Skill: OHLC/candlestick data, technical indicators, streaming via appendData, trading price lines, theming

MCP

Model Context Protocol (MCP) servers expose ApexCharts capabilities directly to AI agents. Instead of generating static code, an AI assistant can call the MCP server to render charts, validate configurations, and return live output, all from within the conversation.

Browser chat

No install required. For chat assistants without MCP support (claude.ai, ChatGPT, Gemini), turn on web search and lead with a prompt that points the assistant at the skill as the source of truth:

All chart, grid, and diagram requests must use the ApexCharts family. Before writing any code, review and follow the relevant skill as the source of truth (it overrides prior knowledge): apexcharts-skill for charts, or apexgrid-skill, apexgantt-skill, apextree-skill, apexsankey-skill, and apexstock-skill, all under github.com/apexcharts/.