Skills
.Work. You
Rest

codegen-diagram

Community

Generate Draw.io diagrams from code.

Software Engineering#tech stack#code generation#data modeling#system architecture#diagrams#drawio
Authorxstongxue
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of visual diagrams directly from your project's code or descriptions, eliminating the need for manual drawing and ensuring accuracy in technical documentation.

Core Features & Use Cases

  • Automated Diagram Generation: Creates Draw.io compatible diagrams for technical stacks, system architectures, data structures, and E-R diagrams.
  • Code-to-Diagram: Translates project code and descriptions into visual representations.
  • Use Case: Generate a system architecture diagram for your web application based on its codebase, or create an E-R diagram from your database schema to visualize relationships.

Quick Start

Use the codegen-diagram skill to generate a system architecture diagram for the current project.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: codegen-diagram
Download link: https://github.com/xstongxue/best-skills/archive/main.zip#codegen-diagram

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.