diagram-maker

Name: diagram-maker
Availability: InStock
Author: phillipgan

Generate interactive and static diagrams from text descriptions.

1|Updated Jun 6, 2026

Search Tags:#html #excalidraw #svg #diagram generation #diagram

Ready to run

npx skills add https://github.com/phillipgan/myagent --skill diagram-maker-phillipgan

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: diagram-maker
Source: https://github.com/phillipgan/myagent/tree/main/skills/diagram-maker
Command: npx skills add https://github.com/phillipgan/myagent --skill diagram-maker-phillipgan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Manually creating diagrams is time-consuming and error-prone. This skill provides a quick solution for transforming plain text descriptions into high-quality, polished diagrams.

Core Features & Use Cases

Create diagrams quickly: From conceptual drawings to architectural overviews.
Flexible formats: Outputs diagrams as SVG/HTML or Excalidraw files.
Customizable outputs: Choose between formats tailored to your specific use-case (clean SVG, architecture SVG, or Excalidraw).
User-friendly input: Simple text commands that describe the structure and content of your diagram.

Quick Start

Describe the components of your diagram (nodes, labels, connections) and output the diagram in SVG/HTML or Excalidraw format.

Frequently Asked Questions about diagram-maker

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

FAQPage Schema

How do I generate SVG diagrams from plain text descriptions?▼

Yes, you can create Excalidraw files by specifying Excalidraw as your desired output format. This allows you to generate interactive and customizable diagrams from your plain text workflow and architectural descriptions.

What's the best way to create software architecture diagrams without manual drawing?▼

The best way to create architecture diagrams without manual drawing is to use text-based generation. You describe the architectural components and connections in plain text, and the skill automatically outputs a polished architecture SVG overview.

Do I need Python to create HTML diagrams from text?▼

Yes, you need a Python-based environment to create HTML diagrams from text. The skill relies on Python-based scripting for diagram creation, structure management, and layout generation to produce the final HTML outputs.

Can I customize diagram outputs for different use cases?▼

You can customize diagram outputs by choosing between clean SVG, architecture SVG, or Excalidraw formats. This flexibility ensures the generated diagrams are tailored to your specific conceptual drawing or workflow visualization requirements.

Why use text commands for diagram generation instead of manual editors?▼

Text-based diagram generation eliminates the time-consuming and error-prone nature of manual editing. By transforming plain text descriptions directly into polished SVG, HTML, or Excalidraw files, you ensure high-quality results instantly.