skills.rest
ShimanoN
ShimanoNCOMMUNITY
Explore all skills by this author →
GitHub

drawio-generator

Transform APS JSON specifications into drawio-compatible XML diagrams.

Updated Mar 26, 2026
Search Tags:#automation#routing#validation#json#flowchart#diagram#drawio
One-click install
npx skills add https://github.com/ShimanoN/Skills --skill drawio-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: drawio-generator
Source: https://github.com/ShimanoN/Skills/tree/main/drawio-generator
Command: npx skills add https://github.com/ShimanoN/Skills --skill drawio-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps teams generate drawio diagrams from JSON specifications, enabling automated diagram creation, review, and documentation for APS workstreams.

Core Features & Use Cases

  • Generate drawio XML diagrams from JSON spec files using the json_to_drawio.py script.
  • Support for creating, modifying, and reviewing APS state machines and FB flow diagrams with layout verification and color-coding.
  • Provide design references and checklists to streamline diagram design reviews.

Quick Start

Run the json_to_drawio.py script on your JSON spec to generate the corresponding drawio diagram.

Frequently Asked Questions about drawio-generator

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

FAQPage Schema
How do I convert a JSON spec into a drawio diagram?▼

You can convert a JSON spec into a drawio diagram by running the json_to_drawio.py script, which transforms APS JSON specifications into drawio-compatible XML to automate diagram generation.

Can I generate state machine diagrams in drawio automatically?▼

Yes, you can generate state machine diagrams automatically by processing your JSON spec file, which produces drawio XML with layout verification, routing patterns, and Yes/No edge color-coding.

How do I validate drawio diagram layout and routing when generating from JSON?▼

Generating drawio diagrams from JSON validates layout constants, routing patterns, and collision verification, ensuring the automated state machine and FB flow diagrams meet design review checklist requirements.

What JSON format is required to generate drawio XML for APS projects?▼

The drawio XML generation requires APS JSON specifications that conform to the defined JSON spec format, enabling automated creation, modification, and review of state machine and FB flow diagrams.

Does the drawio diagram generator support color-coding for Yes/No edges?▼

Yes, the drawio diagram generator applies Yes/No edge coloring to state machine and FB flow diagrams, satisfying specific design requirements and streamlining the diagram review process.

What's the best way to automate FB flow diagram creation in drawio?▼

The best way to automate FB flow diagram creation is transforming JSON specifications into drawio XML using the json_to_drawio.py script, providing layout verification and design review checklists for APS workstreams.

Related Skills

Explore More Design & Creative Skills→
ShimanoNShimanoN

aps-spec-designer

Generate ExiaStudio state machines, FB flow diagrams, and FB specifications from SKILL.md.

Community
Advanced
edteedte
11

mydrawio

Create and validate Draw.io diagrams as .drawio or .xml files.

Community
Intermediate
yoonhwanyoonhwan
3

termaid

Render Mermaid diagram code as styled visual output in the terminal.

Community
Intermediate
BojackxiangBojackxiang

react-flow-implementation

Implement node-based diagrams and flow editors in React using @xyflow/react.

Community
Intermediate