Can it update existing diagrams in my repository?

Yes, it can scan your repository for existing diagram files, read their content, and apply updates or additions using standard file editing tools.

Which diagram formats are supported?

Diagram Drawer supports Mermaid (ideal for GitHub), PlantUML (best for complex UML), and Draw.io XML (for visual editing).

Does it require any external rendering tools?

The skill generates the source code for diagrams. Mermaid diagrams are rendered natively by GitHub and VS Code, while PlantUML and Draw.io files may require specific plugins or their respective web editors.

How do I choose between Mermaid and PlantUML?

The skill includes a built-in guide: use Mermaid for standard documentation and GitHub compatibility, and PlantUML for highly detailed or complex architectural diagrams.

Diagram Drawer

Name: Diagram Drawer
Author: nerver111

bynerver111

0•

学習とドキュメンテーション

Generates and manages professional technical diagrams including Mermaid, PlantUML, and Draw.io formats directly within your project.

Diagram Drawer is a specialized Claude Code skill designed to bridge the gap between architectural planning and code documentation. It empowers Claude to visualize complex systems by generating a wide array of diagrams—including UML class and sequence diagrams, ER diagrams for databases, and business flowcharts—using industry-standard formats. By automating the writing and editing of diagram files within your repository, it ensures that your technical documentation remains accurate, visual, and easily accessible to all team members.

主な機能

010 GitHub stars

02Provides format selection guidance based on documentation complexity

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

04Seamlessly integrates with GitHub-native Mermaid rendering

05Automates file creation and updates within the local repository

06Generates UML, ER, Network, and Sequence diagrams from natural language

ユースケース

01Visualizing database schemas and entity relationships for new projects

02Documenting microservices architecture and API interaction sequences

03Updating legacy system documentation with new workflow steps

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

02Provides format selection guidance based on documentation complexity

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

04Seamlessly integrates with GitHub-native Mermaid rendering

05Automates file creation and updates within the local repository

06Generates UML, ER, Network, and Sequence diagrams from natural language

ユースケース

01Visualizing database schemas and entity relationships for new projects

02Documenting microservices architecture and API interaction sequences

03Updating legacy system documentation with new workflow steps

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