skills.rest
hmzainjamil
hmzainjamilCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

diagram-creator

Generate Mermaid or PlantUML diagrams from process and system descriptions.

1|Updated May 18, 2026
Search Tags:#architecture#mermaid#flowchart#visualization#diagram#plantuml#uml
One-click install
npx skills add https://github.com/hmzainjamil/claude-office-skills --skill diagram-creator-hmzainjamil
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagram-creator
Source: https://github.com/hmzainjamil/claude-office-skills/tree/main/diagram-creator
Command: npx skills add https://github.com/hmzainjamil/claude-office-skills --skill diagram-creator-hmzainjamil

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you quickly turn workflows, systems, and data relationships into clear professional diagrams without drawing them by hand.

Core Features & Use Cases

  • Flowcharts and Process Maps: Visualize decision trees, business processes, and step-by-step workflows.
  • Technical Diagrams: Create sequence, architecture, ER, class, state, and git workflow diagrams for engineering documentation.
  • Use Case: If you need to explain how a login system works to a team, you can generate a sequence diagram that shows the user, app, server, and database interactions.

Quick Start

Ask me to create a Mermaid diagram for your process, specifying the diagram type, the main steps or components, and the direction or style you want.

Frequently Asked Questions about diagram-creator

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

FAQPage Schema
How do I generate a flowchart from text descriptions for software architecture?▼

You can generate flowcharts from text descriptions by providing process steps and system components to produce Mermaid or PlantUML syntax for software architecture visualization.

Can I create a sequence diagram for a login system workflow?▼

Yes, you can create a sequence diagram for a login system by describing user, app, server, and database interactions to generate the corresponding Mermaid or PlantUML visualization.

Does this support generating ER diagrams for database modeling?▼

Yes, ER diagrams for database modeling are supported. You can generate text-based entity relationship diagrams by describing your data relationships and database schema.

What is the best way to visualize a git workflow or project timeline?▼

To visualize a git workflow or project timeline, provide your branch structure or project schedule to generate Gantt charts and git graphs using Mermaid or PlantUML syntax.

Can I use PlantUML for state diagrams and class diagrams?▼

Yes, PlantUML can be used to generate both state diagrams and class diagrams for engineering documentation by translating your system states and class structures into syntax.

Do I need to know Mermaid syntax to create process maps?▼

No, you do not need to know Mermaid syntax. You describe your business processes and decision trees in plain text, and the system generates the required syntax to render professional process maps.

Related Skills

Explore More Software Engineering Skills→
OKHP3OKHP3
2

mermaid-diagrams

Convert plain text descriptions into Mermaid syntax-based diagrams.

Community
Advanced
Camilo8902Camilo8902

mermaid-diagram-generator

Generates flowcharts, sequence diagrams, ERDs, and class diagrams using Mermaid syntax in Markdown.

Community
Basic
zzafergokzzafergok
1

markdown-to-html-skill

Convert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.

Community
Intermediate
x-TheFoxx-TheFox

excalidraw

Create hand-drawn Excalidraw diagrams from JSON saved as .excalidraw files.

Community
Intermediate