skills.rest
jkfee
jkfeeCOMMUNITY
Explore all skills by this author →
GitHub

figure-spec

Generates editable SVG architecture and workflow diagrams from FigureSpec JSON via a local renderer.

Updated Apr 29, 2026
Search Tags:#workflow#architecture#svg#deterministic#diagram#figurespec
One-click install
npx skills add https://github.com/jkfee/Auto-Research --skill figure-spec
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figure-spec
Source: https://github.com/jkfee/Auto-Research/tree/main/skills/figure-spec
Command: npx skills add https://github.com/jkfee/Auto-Research --skill figure-spec

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Deterministic, editable diagrams are hard to generate from structured data; this Skill converts FigureSpec JSON into publication-quality SVG figures, ensuring consistent layouts and easy post-editing.

Core Features & Use Cases

  • Deterministic output: same FigureSpec JSON yields identical SVG every time.
  • Editable SVG: output is plain-text vector data suitable for hand tweaks.
  • Local, offline renderer: runs without external APIs and supports CJK labels.
  • Supported diagram types: architecture diagrams, workflow pipelines, audit cascades, and system topology.
  • No external dependencies in use: uses the local figure_renderer but can be integrated into pipelines.

Quick Start

Provide a FigureSpec JSON and run the local renderer to generate an SVG figure.

Frequently Asked Questions about figure-spec

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate deterministic architecture diagrams from JSON data?▼

You can generate deterministic architecture diagrams by providing a FigureSpec JSON to a local offline renderer, which validates the schema and outputs consistent, editable SVG figures.

Can I create editable SVG workflow pipelines without external API dependencies?▼

Yes, the local offline renderer generates editable SVG workflow pipelines without external API dependencies, producing plain-text vector data suitable for manual post-editing.

What is the best way to visualize system topology with consistent and repeatable outputs?▼

The best way to visualize system topology with repeatable outputs is enforcing a FigureSpec schema for validation, ensuring identical JSON input yields identical SVG figures on every run.

Does the local SVG renderer support CJK labels for architecture diagrams?▼

Yes, the local offline renderer supports CJK labels for architecture diagrams, operating entirely without external APIs while enforcing schema validation for accurate figure generation.

What are the limitations of using JSON to generate SVG diagrams for system architecture?▼

A limitation is the strict requirement for FigureSpec schema validation, meaning inputs outside supported architecture, workflow, topology, or cascade diagram types will fail to render properly.

Related Skills

Explore More Design & Creative Skills→
goupup-aigoupup-ai
2

figure-spec

Generate editable SVG diagrams from structured FigureSpec JSON inputs.

Community
Advanced
sai-tvsai-tv
11

academic-figures

Generate editable SVG figure variants with journal-compliant typography for academic papers.

Community
Advanced
zhuyingqinzhuyingqin
1

figure-spec

Render deterministic SVG architecture and workflow diagrams from validated FigureSpec JSON.

Community
Advanced
dogekikidogekiki

figure-spec

Generate editable SVG architecture diagrams from structured JSON specifications.

Community
Advanced