Convert markdown or JSON diagram definitions into self-contained SVG diagrams.
npx skills add https://github.com/hustcc/ai-figure --skill ai-figure
Please help me install this Agent Skill. Skill: ai-figure Source: https://github.com/hustcc/ai-figure/tree/main Command: npx skills add https://github.com/hustcc/ai-figure --skill ai-figure
You can describe diagrams in plain text or code without manually calculating coordinates, then instantly get clean, self-contained SVG outputs.
figure <type> definitions and simple syntax (nodes, edges, sections, axis ticks) into fully rendered SVG diagrams.fig(): Produces the same diagrams programmatically with strongly structured inputs for each diagram type.Ask the AI to generate a flowchart SVG by providing a markdown diagram definition starting with figure flow, then include nodes and edges using -->.
High-intent search queries and answers about installing and using this skill.
To generate SVG diagrams from markdown, you write diagram definitions starting with a `figure <type>` header and use simple syntax for nodes, edges, and sections to get a fully rendered SVG output.
Automatic layout supports generating SVG outputs for flowcharts, trees, mindmaps, architecture stacks, sequence, quadrant, Gantt, state machines, ER, timeline, swimlanes, bubble charts, and radar charts.
Yes, you can produce flowcharts programmatically by using typed JSON config via the `fig()` function, which accepts strongly structured inputs for each diagram type to output clean SVGs.
Yes, SVG generation supports theme and palette styling, allowing you to generate light or dark variants and apply named or custom color palettes for consistent diagram styling.
No external dependencies are required to render markdown to SVG. The Skill parses the diagram definition, validates the nodes and edges, and returns a complete self-contained SVG string suitable for browser or Node.js usage.
ZpankzCreate and edit JSON Canvas files with nodes, edges, and groups.
lenadlmGenerate dark-themed SVG architecture diagrams as self-contained HTML files.
jtsang4Generate SVG diagrams for architecture, flowcharts, and system depictions.
SpaceZephyrGenerate structured diagrams and upload them to Feishu whiteboards.