figure-spec

Generate editable SVG diagrams from structured FigureSpec JSON inputs.

2|Updated Aug 12, 2025
One-click install
npx skills add https://github.com/goupup-ai/miccai25 --skill figure-spec-goupup-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figure-spec
Source: https://github.com/goupup-ai/miccai25/tree/main/ARIS/skills/figure-spec
Command: npx skills add https://github.com/goupup-ai/miccai25 --skill figure-spec-goupup-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Creating precise, editable, publication-quality architecture, workflow, and pipeline diagrams for academic papers is traditionally time-consuming, and AI-generated illustrative figures often lack determinism and editability, making them unsuitable for formal publications where consistency and fine-tuning are required.

Core Features & Use Cases

  • Deterministic JSON-to-SVG Rendering: Identical FigureSpec JSON inputs always produce identical SVG outputs, ensuring consistency across revisions and collaborations.
  • Shape-Aware Layout & Multilingual Support: Correctly clips edges to node boundaries for all supported shapes (rect, rounded, circle, ellipse, diamond) and accurately estimates widths for CJK multilingual labels.
  • Editable Output for Academic Papers: Generated SVG files are plain-text and can be manually tweaked after generation, perfect for adjusting labels, colors, or layouts to meet journal or conference requirements.
  • Use Case: For a MICCAI 2025 paper like FMC-Net, use this skill to generate the framework architecture diagram from a structured JSON spec, then edit node labels directly in the SVG if needed for clarity.

Quick Start

Use the figure-spec skill to generate an editable, publication-quality SVG diagram of your system architecture, workflow, or pipeline from a structured JSON specification of its components and connections.

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 for academic publications?

Generating deterministic architecture diagrams for academic publications requires rendering structured JSON specs into consistent SVG outputs, ensuring identical inputs always produce identical diagrams for reliable revisions and collaboration.

Can I create editable SVG diagrams from JSON for research papers?

Yes, creating editable SVG diagrams from JSON produces plain-text outputs that can be manually tweaked after generation, allowing direct adjustments to labels, colors, or layouts to meet journal and conference formatting requirements.

What is the best way to build workflow diagrams with precise node positioning and semantic connections?

Building workflow diagrams with precise node positioning and semantic connections is achieved by defining components and connections in a structured JSON specification, which a local renderer processes with schema validation and input sanitization.

Does deterministic SVG rendering support multilingual labels and shape-aware edge clipping?

Deterministic SVG rendering supports multilingual labels by accurately estimating widths for CJK text, and applies shape-aware edge clipping to correctly clip edges to node boundaries for shapes like rect, rounded, circle, ellipse, and diamond.

Do I need external API dependencies to generate publication-quality pipeline diagrams?

Generating publication-quality pipeline diagrams requires no external API dependencies, as the rendering process uses a local Python renderer that enforces schema validation and input sanitization to produce valid, editable SVG files.

When should I use JSON-to-SVG rendering instead of AI-generated illustrative figures for system architecture?

JSON-to-SVG rendering should be used instead of AI-generated illustrative figures when consistency and editability are required, because AI-generated figures lack the determinism needed for formal publications where fine-tuning is necessary.