tkm:draw-diagram
CommunityCreate diagrams with ease using Mermaid.js syntax.
Authorkhapn-2933
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the need for clear and concise diagram creation, making it easier to communicate complex information visually.
Core Features & Use Cases
- Mermaid.js Support: Utilizes Mermaid.js to create various diagram types such as flowcharts, sequence diagrams, and ER diagrams.
- Customization: Offers various themes, fonts, and configurations for a tailored diagram experience.
- Use Case: Ideal for software developers, architects, and technical writers who need to quickly create diagrams for documentation or presentations.
Quick Start
Use the tkm:draw-diagram skill to create a flowchart with the following syntax: ```mermaid flowchart TD A[Start] --> B{Decision} B -->|Yes| C[Action] B -->|No| D[End]
Dependency Matrix
Required Modules
mermaid
Components
scriptsreferences
💻 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: tkm:draw-diagram Download link: https://github.com/khapn-2933/agentic-coding-hands-on/archive/main.zip#tkm-draw-diagram 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 620,000+ vetted skills library on demand.