tkm:draw-diagram

Community

Create 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.
View Source Repository

Agent Skills Search Helper

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