Skills
.Work. You
Rest

ai-figure

Community

Generate beautiful SVG diagrams from markdown or JSON.

Software Engineering#markdown#visualization#themes#svg#diagram generation#auto layout
Authorhustcc
Version1.0.0
Installs0

System Documentation

What problem does it solve?

You can describe diagrams in plain text or code without manually calculating coordinates, then instantly get clean, self-contained SVG outputs.

Core Features & Use Cases

  • Markdown-to-SVG diagrams: Converts figure <type> definitions and simple syntax (nodes, edges, sections, axis ticks) into fully rendered SVG diagrams.
  • Typed JSON config via fig(): Produces the same diagrams programmatically with strongly structured inputs for each diagram type.
  • Auto layout across many diagram styles: Flowcharts, trees, mindmaps, architecture stacks, sequence diagrams, quadrant charts, Gantt charts, state machines, ER diagrams, timelines, swimlanes, bubble charts, and radar charts.
  • Theme and palette support: Generates light/dark variants and uses named or custom color palettes for consistent styling.

Quick Start

Ask the AI to generate a flowchart SVG by providing a markdown diagram definition starting with figure flow, then include nodes and edges using -->.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ai-figure
Download link: https://github.com/hustcc/ai-figure/archive/main.zip#ai-figure

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.