creating-diagrams
CommunityCreate and convert technical diagrams.
Authormeriley
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the creation of technical diagrams by leveraging Mermaid syntax for code-based definitions and optionally converting them into interactive Excalidraw formats for enhanced collaboration and editing.
Core Features & Use Cases
- Mermaid Diagram Generation: Supports flowcharts, sequence diagrams, ER diagrams, and class diagrams.
- Excalidraw Conversion: Converts Mermaid diagrams (especially flowcharts) into editable Excalidraw formats.
- Use Case: You need to document a new microservices architecture. Use this skill to generate a Mermaid flowchart, then convert it to Excalidraw for a collaborative review session with your team.
Quick Start
Generate a Mermaid flowchart for a simple user login process.
Dependency Matrix
Required Modules
@excalidraw/mermaid-to-excalidraw@excalidraw/excalidraw
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: creating-diagrams Download link: https://github.com/meriley/claude-code-skills/archive/main.zip#creating-diagrams Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.