skills.rest
TabithaFanny
TabithaFannyCOMMUNITY
Explore all skills by this author →
GitHub

figure-spec

Convert structured JSON input into deterministic SVG architecture and workflow diagrams.

Updated May 29, 2026
Search Tags:#SVG#diagram generation#architecture diagram#workflow diagram#pipeline diagram
One-click install
npx skills add https://github.com/TabithaFanny/ThesisX --skill figure-spec-tabithafanny
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figure-spec
Source: https://github.com/TabithaFanny/ThesisX/tree/main/skills_imported/aris/skills/figure-spec
Command: npx skills add https://github.com/TabithaFanny/ThesisX --skill figure-spec-tabithafanny

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill generates publication-quality architecture, workflow, and pipeline diagrams from structured JSON, providing an editable SVG output.

Core Features & Use Cases

  • Deterministic SVG Generation: Converts JSON data into precise, deterministic SVG diagrams.
  • Editable Output: SVG files are plain-text and editable.
  • Validation: Ensures schema compliance and provides clear error messages.
  • Use Case: Ideal for technical papers requiring precise architecture or workflow diagrams that need to be edited later.

Quick Start

Generate a diagram from a JSON spec using the figure-spec skill: 'draw architecture diagram for "MySystem" using JSON spec "my_system_spec.json".'

Frequently Asked Questions about figure-spec

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

FAQPage Schema
How do I generate an architecture diagram from JSON for a technical paper?▼

Yes, the SVG output is plain-text and fully editable. You can modify the generated workflow or pipeline diagrams manually in any text editor or vector graphics software after the initial JSON conversion.

What is the best way to create deterministic SVG diagrams for technical documentation?▼

Yes, schema validation ensures JSON compliance and provides clear error messages before rendering. This prevents broken workflow diagrams by catching structural issues in your input data early in the generation process.

Can I edit the SVG output after generating a workflow diagram from JSON?▼

Yes, the SVG output is plain-text and fully editable. You can modify the generated workflow or pipeline diagrams manually in any text editor or vector graphics software after the initial JSON conversion.

Does JSON schema validation provide clear error messages when generating pipeline diagrams?▼

Yes, schema validation ensures JSON compliance and provides clear error messages before rendering. This prevents broken workflow diagrams by catching structural issues in your input data early in the generation process.

Why use JSON to generate publication-quality diagrams instead of manual drawing?▼

Using JSON to generate publication-quality diagrams ensures deterministic, precise results that are easy to version control. The structured input guarantees consistent architecture and workflow diagrams, eliminating the inconsistencies of manual drawing.

Related Skills

Explore More Software Engineering Skills→
dogekikidogekiki

figure-spec

Generate editable SVG architecture diagrams from structured JSON specifications.

Community
Advanced
Umbral-BotUmbral-Bot

svgwrite

Generate editable SVG files programmatically with the svgwrite Python library.

Official
Intermediate
raja21068raja21068
2

figure-spec

Render deterministic SVG diagrams from FigureSpec JSON with schema validation.

Community
Intermediate
qwwiwiqwwiwi
3

excalidraw

Convert structured diagram JSON into Excalidraw v2-ready diagram documents.

Community
Intermediate