home / Image & Video / Diagram Creator Skill by @claude-office-skills

Diagram Creator Skill by @claude-office-skills

FREE

github stars★ 546updatedJan 2026repo@claude-office-skills

$git clone https://github.com/claude-office-skills/skills

The skill is the diagram-creator folder inside that repository. Copy it into the folder your agent loads skills from; check your agent's documentation for where that is.

about Diagram Creator Skill by @claude-office-skills

Create professional diagrams using Mermaid, PlantUML, and other text-based diagram tools.

our take

Creates diagrams as text using Mermaid, PlantUML and similar tools: flowcharts, sequence diagrams and architecture diagrams. You describe the diagram, choose a format and style, and get source you can render.

when to use it

You want diagrams kept as editable text in a repository
You need a flowchart or sequence diagram quickly
You are documenting an architecture

before you install

Check that the diagram matches how the system really works, not how it was described
Complex diagrams get hard to read, so split them up

what's inside

The original SKILL.md is organised into these sections:

Overview
How to Use Me
Step 1: Describe Your Diagram
Step 2: Choose Format
Step 3: Specify Style
Diagram Types
1. Flowchart / Process Diagram
2. Sequence Diagram
3. Architecture Diagram
4. Entity-Relationship Diagram
5. Class Diagram
6. State Diagram

source and license

Written and maintained by @claude-office-skills. It is published under the MIT license, which allows reuse with attribution. SkillDirectory does not claim authorship: this page adds our own review and links back to the original, and the skill's text belongs to its author.

View the full SKILL.md on GitHub ↗

Read the opening of the original SKILL.md

# Diagram Creator Skill

## Overview

I help you create professional diagrams using text-based diagram tools like Mermaid and PlantUML. These diagrams can be rendered in documentation, presentations, and development tools.

**What I can do:**
- Create flowcharts and process diagrams
- Generate sequence diagrams
- Build architecture and system diagrams
- Design ER (Entity-Relationship) diagrams
- Create class diagrams and UML
- Generate organizational charts
- Build Gantt charts and timelines

**What I cannot do:**
- Render images directly (use Mermaid live editor or similar)
- Create pixel-perfect custom designs
- Generate raster images

---

## How to Use Me

### Step 1: Describe Your Diagram

Tell me:
- What process/system/concept to visualize
- Type of diagram needed
- Level of detail
- Target audience

### Step 2: Choose Format

- **Mermaid**: Best for web, markdown, GitHub
- **PlantUML**: Best for UML, complex diagrams
- **ASCII**: Simple, universal compatibility
…

Excerpt only, quoted from the author's repository. Open the repository for the complete file.

↓ download .zip