skills.rest
ZeroZ-lab
ZeroZ-labCOMMUNITY
Explore all skills by this author →
Website𝕏@ZeroZ_JQGitHub

gm-architecture

Generate architecture diagrams from natural language descriptions.

10|Updated Apr 11, 2026
Search Tags:#architecture#templates#rendering#nlp#diagram#system-design
One-click install
npx skills add https://github.com/ZeroZ-lab/gmdiagram --skill gm-architecture
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gm-architecture
Source: https://github.com/ZeroZ-lab/gmdiagram/tree/main/gm-architecture/skills/gm-architecture
Command: npx skills add https://github.com/ZeroZ-lab/gmdiagram --skill gm-architecture

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @resvg/resvg-js, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Generates architecture diagrams from natural language descriptions, enabling teams to quickly transform vague system ideas into precise visuals.

The skill reduces manual diagraming time, improves consistency across docs, and accelerates onboarding by turning prose into publication-ready visuals suitable for architecture reviews, system designs, and technical handbooks.

Core Features & Use Cases

  • Natural language to architecture, flow, mind-map, ER, and sequence diagrams with a single, shared workflow.
  • Supports 9 diagram types, 12 visual styles, and 4 output formats (HTML, SVG, Mermaid, PNG/PDF via export script).
  • Two-step generation: extract a JSON schema, then render a diagram using style templates and layout rules.

Quick Start

Ask the user for a description of the system and run the GM Architecture Skill to generate the diagram.

Frequently Asked Questions about gm-architecture

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

FAQPage Schema
How do I generate architecture diagrams from natural language text?▼

You can generate architecture diagrams from natural language text by providing a system description, which the skill processes through a two-step JSON schema extraction and template rendering pipeline to produce a visual output.

What diagram types and output formats are supported for system design?▼

System design diagrams support 9 types including architecture, flowchart, mind map, ER, and sequence diagrams, with output formats available in HTML, SVG, Mermaid, and PNG/PDF.

Can I export architecture diagrams to PNG or PDF?▼

Yes, you can export architecture diagrams to PNG or PDF. The skill relies on the @resvg/resvg-js dependency to render and export templates into these file formats.

What's the best way to create consistent architecture diagrams for technical documentation?▼

The best way to create consistent architecture diagrams for technical documentation is using deterministic layout rules and style templates, which ensure publication-ready visuals for architecture reviews and handbooks.

Do I need to write code to create flowcharts and ER diagrams?▼

No, you do not need to write code to create flowcharts and ER diagrams. You provide a natural language description of your system, and the pipeline handles the structural extraction and rendering automatically.

Related Skills

Explore More Software Engineering Skills→
jaimedhenriquesjaimedhenriques

excalidraw-diagram-generator

Generate Excalidraw diagrams from natural language descriptions.

Community
Advanced
fabioc-alohafabioc-aloha

svg-to-png

Convert SVG files to PNG images using the resvg-js library.

Community
Intermediate
odylithodylith
34

odylith-atlas-render

Render Atlas diagrams from Yardl or other sources into Minecraft's Yak? No, Yak is not involved. Actually, reprocess the request: convert Mermaid catalog data to Atlas diagrams and export them as SVG or PNG files for use in documentation and presentations.

Official
Intermediate
rodrigotoledorodrigotoledo

excalidraw-studio

Generate Excalidraw diagrams from natural language descriptions.

Community
Advanced