skills.rest
MOODMNKY-LLC
MOODMNKY-LLCCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

diagram-maker

Create SVG or Excalidraw diagrams for concepts, architecture, and processes.

Updated May 7, 2026
Search Tags:#architecture#excalidraw#flowchart#visualization#svg#diagram#whiteboard
One-click install
npx skills add https://github.com/MOODMNKY-LLC/mnky-atlas --skill diagram-maker-moodmnky-llc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagram-maker
Source: https://github.com/MOODMNKY-LLC/mnky-atlas/tree/main/skills/diagram-maker
Command: npx skills add https://github.com/MOODMNKY-LLC/mnky-atlas --skill diagram-maker-moodmnky-llc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the time-consuming and error-prone work of manually designing appropriate diagrams for different use cases, ensuring your visuals are properly formatted and match your specific needs without requiring specialized design skills.

Core Features & Use Cases

  • Multiple Diagram Formats: Supports clean SVG for educational concepts and processes, polished architecture SVG for software and infrastructure topologies, and editable Excalidraw files for collaborative whiteboarding and flowcharts.
  • Intelligent Format Routing: Automatically selects the optimal diagram type based on your use case, or lets you specify your preferred output format for full control.
  • Use Case: Need to map your SaaS product's microservice architecture? Use this Skill to generate a standalone, browser-ready architecture SVG diagram with all services, databases, and trust zones clearly labeled and connected.

Quick Start

Ask the diagram-maker skill to create an editable Excalidraw whiteboard diagram of your team's product launch workflow and save it to your project folder.

Frequently Asked Questions about diagram-maker

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

FAQPage Schema
How do I create an SVG diagram for software architecture without manual design?▼

To create an SVG diagram for software architecture, you can use automated diagram generation to produce standalone, browser-ready visuals with services, databases, and trust zones clearly labeled and connected. This eliminates manual design effort.

What is the best way to generate editable flowcharts for collaborative whiteboarding?▼

The best way to generate editable flowcharts for collaborative whiteboarding is to output Excalidraw JSON files. These files allow teams to edit and interact with the workflow diagrams collaboratively without requiring specialized design skills.

Can I use Excalidraw JSON for team whiteboard diagrams instead of static SVG?▼

Yes, you can use Excalidraw JSON for team whiteboard diagrams instead of static SVG. Excalidraw JSON provides an editable format for collaborative whiteboarding, while SVG provides polished, browser-ready static visuals for concepts and processes.

How does intelligent format routing work for cloud infrastructure topology visualization?▼

Intelligent format routing for cloud infrastructure topology visualization automatically selects the optimal diagram type based on your use case. It routes to polished architecture SVG for topologies or Excalidraw JSON for editable sketches.

Do I need specialized design skills to map microservice architecture in SVG?▼

No, you do not need specialized design skills to map microservice architecture in SVG. Automated diagram generation handles the formatting and labeling, allowing you to input requirements and receive a polished, browser-ready visual output.

Related Skills

Explore More Software Engineering Skills→
HouseGarofaloHouseGarofalo
3

excalidraw

Generate Excalidraw diagrams for software architecture and cloud infrastructure.

Official
Intermediate
linfordWulinfordWu
1

excalidraw

Convert Excalidraw element JSON into standalone .excalidraw diagram files.

Community
Intermediate
hua-banghua-bang
27

excalidraw-node

Create, read, and modify Excalidraw diagrams in Pulse Canvas.

Community
Intermediate
psmonpsmon
8

pencil-design

Generate technical diagrams and design sketches in .pen format using Pencil MCP.

Community
Advanced