flint-chart
Flint is a visual language that enables AI agents to create elegant charts from simple chart specifications.
- Type
- MCP
- Transport
- stdio
- Open source
- Yes
- GitHub Stars
- ★ 1.2k
- Source
- mcp-github
- Repository
- github.com/microsoft/flint-chart
Overview
Flint is a visual intermediate language that allows AI agents to generate expressive and aesthetically pleasing visualizations from simple, human-editable chart specifications. It derives optimized chart configurations through data, semantic types, chart types, and encodings, resulting in compact chart specifications. This capability includes a JavaScript/TypeScript library `flint-chart` and an MCP server `flint-chart-mcp`, which enables agents to directly create, validate, and render charts within chat or coding environments.
Capabilities
- ▪Supports over 70 semantic types
- ▪Automatic layout adjustment
- ▪Supports Vega-Lite, ECharts, and Chart.js backends
- ▪Provides an MCP server for agent use
Use cases
Setup
npm install flint-chart or npx -y flint-chart-mcp
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
What chart libraries does Flint support?
Supports Vega-Lite, ECharts, and Chart.js.
How do I install Flint's MCP server?
Use the command: npx -y flint-chart-mcp.
Related skills
material-3-skill
Material Design 3 skills, supporting over 30 components, design tokens, themes, and responsive layouts.
design-dna
Convert reference UI (images, screenshots, URLs) into a quantified design DNA JSON to generate matching UI.
drawio-skill
Generate draw.io diagrams from natural language, supporting multiple presets and export formats.
ui-ux-pro-max-skill-cn
Professional-grade UI/UX design intelligence for AI coding assistants.
logo-generator-skill
Professional SVG logo generator with multiple design variants and presentation backgrounds.
claude-skill-aso-appstore-screenshots
Generate high-quality App Store screenshots to boost app download rates.