What diagram formats does this skill support?

The Diagram Drawer skill supports Mermaid (for sequence, class, and ER diagrams), PlantUML (for complex UML), and Draw.io XML (for visual editing).

How do I see the diagrams generated by Claude?

The diagrams are saved as files (e.g., .md or .puml) in your repository. You can view them using GitHub's preview, VS Code extensions, or online editors like Mermaid Live.

Will these diagrams work on GitHub?

Yes, the skill prioritizes Mermaid syntax, which is natively supported and rendered by GitHub in Markdown files.

Can it update existing diagrams in my repository?

Yes, it can search for existing files using glob, read the content, and use edit_file or write_file to add new nodes or modify relationships.

Diagram Drawer

Name: Diagram Drawer
Author: nerver111

bynerver111

0•

개발자 도구

Generates and maintains professional technical diagrams including Mermaid, PlantUML, and Draw.io formats within your codebase.

Diagram Drawer is a specialized Claude Code skill that enables AI-driven creation and management of technical visualizations. It streamlines the documentation process by generating high-quality UML class diagrams, sequence flows, database ER diagrams, and system architectures directly from natural language or code analysis. Supporting industry-standard formats like Mermaid, PlantUML, and Draw.io, it ensures your project's visual documentation is always accurate, version-controlled, and easy for teams to collaborate on without leaving the terminal.

주요 기능

010 GitHub stars

02Translates natural language logic into structured visual models

03Optimizes Mermaid syntax for native GitHub rendering

04Supports Mermaid, PlantUML, and Draw.io XML formats

05Generates UML, ERD, sequence diagrams, and flowcharts

06Automatically writes and updates diagram files in your repository

사용 사례

01Documenting software class hierarchies and system architecture for technical specs

02Visualizing complex API authentication and data flow sequences

03Mapping relational database schemas using entity-relationship (ER) diagrams

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nerver111/git-skill-test diagram-drawer

For use in Claude.ai and ChatGPT

주요 기능

010 GitHub stars

02Translates natural language logic into structured visual models

03Optimizes Mermaid syntax for native GitHub rendering

04Supports Mermaid, PlantUML, and Draw.io XML formats

05Generates UML, ERD, sequence diagrams, and flowcharts

06Automatically writes and updates diagram files in your repository

사용 사례

01Documenting software class hierarchies and system architecture for technical specs

02Visualizing complex API authentication and data flow sequences

03Mapping relational database schemas using entity-relationship (ER) diagrams

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nerver111/git-skill-test diagram-drawer

For use in Claude.ai and ChatGPT