Design
ainativelang
AI-native programming language for structured, repeatable agent workflows
★ 650 starsApache-2.0
View guide →Flint compiles semantic chart specs into Vega-Lite, ECharts, Chart.js, Plotly — or native Excel charts
flint-chart is an open-source design project by microsoft (microsoft/flint-chart on GitHub). It has 4,351 GitHub stars and 245 forks, is released under the MIT license, and was last updated on GitHub on 8 October 2026.
Identify the semantic types behind your fields — measures like Price or Temperature, dimensions like Country or Rank.
Add flint-chart from npm (or connect the hosted/npx MCP server for agent use).
Describe the chart in Flint's compact spec format rather than low-level chart options.
Assemble output for your target — Vega-Lite, ECharts, Chart.js, Plotly, or a native Excel chart — and iterate on the theme.
70+ semantic types let the compiler choose sensible encodings, scales, and formatting for your data.
Compile one spec to Vega-Lite, ECharts, Chart.js, Plotly, or native editable Excel charts.
Ten built-in presets plus custom ThemeSpec definitions with inheritance for house styles.
`npx flint-chart-mcp` (or the hosted endpoint) lets agents create, validate, and render charts, including PNG/SVG output.
Layout and labeling are handled by the compiler rather than hand-tuned per chart.
Specifications stay short and data-focused compared with hand-writing Vega-Lite or ECharts options.
Clone the project and enter its directory (library users can install from npm instead).
git clone https://github.com/microsoft/flint-chart.git
cd flint-chartAdd Flint Chart to your Node/TypeScript project.
npm install flint-chartAssemble a chart spec into Vega-Lite (or another target) as shown in the README examples.
import { assembleVegaLite } from 'flint-chart'
// build a semantic spec and pass it to assembleVegaLite({...}) — see README examplesMicrosoft Research publishes Flint Chart (the hosted MCP demo is at flint.data-formulator.ai).
Yes, MIT-licensed, including the npm library and the local MCP server.
No. The library and MCP server run locally; agents connecting to them use their own model access.
Vega-Lite is one of Flint's output targets. Flint adds a semantic layer on top — types, themes, and layout — so one compact spec can target Vega-Lite, ECharts, Chart.js, Plotly, or Excel.
Run `npm install flint-chart` and follow the README's assemble examples, or connect an agent with `npx -y flint-chart-mcp`.
AI-native programming language for structured, repeatable agent workflows
This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.
AI-ready network design tool — draw topologies, export PowerPoint and Excel
Turn your thesis into defense slides with one command.
Figma plugin that turns your style guide into DESIGN.md and SKILL.md for AI
Open-source components, blocks, and AI agents designed to speed up your workflow. Import them seamlessly into your favorite tools through Registry and MCPs.
The most-starred other Design projects in the LibreAI catalogue — the realistic shortlist if flint-chart is not the right fit.
Excalidraw — the virtual whiteboard with the hand-drawn look: infinite canvas, real-time collaboration and end-to-end encrypted sharing, MIT-licensed
Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
Turn any idea, plan or codebase into a beautiful interactive architecture diagram — an agent skill
There can be more than Notion and Miro. AFFiNE(pronounced [ə‘fain]) is a next-gen knowledge base that brings planning, sorting and creating all together. Pri…
draw.io Desktop — the official offline desktop app for diagrams.net: flowcharts, architecture diagrams and wireframes in an Electron app that never sends your diagram data anywhere, GPL-3.0
Free and open — grab the source, star the repo, and start creating.