Overview
figure-spec is an open-source workflow skill for Claude Code and compatible agents, published by wanshuiyin. Its author describes it as: “Generate deterministic publication-quality architecture, workflow, and pipeline diagrams from structured JSON (FigureSpec) into editable SVG. Use when user says "架构图", "workflow 图", "pipeline 图", "确定性矢量图", "figure spe…”. The project has 15k stars on GitHub and is available under the MIT license. Add it to your setup with `git clone https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep ~/.claude/skills/figure-spec`.
What figure-spec does
Generate publication-quality **architecture diagrams**, **workflow pipelines**, **audit cascades**, and **system topology** figures as editable SVG vector graphics using a deterministic JSON → SVG renderer.
What’s inside
The SKILL.md for figure-spec is organised into these sections:
- When to Use This Skill
- Core Properties
- Tool Location
- Workflow
- Step 1: Understand the Diagram Goal
- Step 2: Draft the FigureSpec JSON
- Step 3: Render and Validate
- Step 4: Visual Review
- Step 5: Iterate with Codex Review (Optional, for High-Stakes Figures)
- Schema Quick Reference
- Nodes
- Edges
Installation
Add figure-spec to your agent with:
git clone https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep ~/.claude/skills/figure-specReview a skill’s source before installing it — skills can instruct your agent to run commands. This command comes from the skill’s public repository, which is the source of truth for setup steps. New to skills? Read how to install Claude Code skills.
Supported agents
- Claude Code — declared in the repository topics
- Codex — declared in the repository topics
License
figure-spec is published under the MIT license.
Strengths
- Clear MIT license — safe to read and adapt within its terms
- Ships in wanshuiyin/Auto-claude-code-research-in-sleep, an established project with 14,858 GitHub stars
- Works with Claude Code, Codex
- Actively maintained — repository updated in the last 90 days
Author
Topics
Frequently asked questions
- What does figure-spec do?
- Generate deterministic publication-quality architecture, workflow, and pipeline diagrams from structured JSON (FigureSpec) into editable SVG. Use when user says "架构图", "workflow 图", "pipeline 图", "确定性矢量图", "figure spec", "draw architecture", or needs precise, editable, publication-ready vector diagrams. Preferred over AI illustration for formal architecture/workflow figures.
- How do I install figure-spec?
- Run git clone https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep ~/.claude/skills/figure-spec in your agent, then reload your skills. Review the source at https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep before installing.
- Is figure-spec free to use?
- Yes. figure-spec is free and open source under the MIT license, so you can read, run, and adapt it within that license's terms.
- Which agents does figure-spec work with?
- figure-spec lists Claude Code and Codex — named in its SKILL.md, its plugin marketplace or its repository topics. Skills use the portable SKILL.md format, so other agents that read that format may load it too.
- Where does figure-spec come from?
- figure-spec ships inside wanshuiyin/Auto-claude-code-research-in-sleep, a repository that contains 41 catalogued skills in total. The repository's 14,858 GitHub stars apply to that whole collection, not to this skill on its own.
