Home / Claude skills / Agents & automation / hand-drawn-diagrams

hand-drawn-diagrams

hand-drawn-diagrams is a Claude skill by muthuishere that generate hand-drawn Excalidraw diagrams from a prompt — animated SVG, hosted edit link, and PNG export. Works with Claude Code, Codex, Gemini CLI, and any agent supporting standard skill.

Updated 2026-09-27

What is hand-drawn-diagrams?

hand-drawn-diagrams is a Claude skill by muthuishere that generate hand-drawn Excalidraw diagrams from a prompt — animated SVG, hosted edit link, and PNG export. Works with Claude Code, Codex, Gemini CLI, and any agent supporting standard skill. It is listed under Agents & automation and has 78 GitHub stars.

TypeClaude skill
Authormuthuishere
Repositorymuthuishere/hand-drawn-diagrams
Popularity78 GitHub stars
CategoryAgents & automation
SecurityLow risk (100/100)
Rank#953 of 1,262 Claude skills; #90 in Agents & automation
SKILL.md length30 lines
Last commit2026-09-27

Is hand-drawn-diagrams safe to install?

hand-drawn-diagrams scores 100/100 on the MCPMods security check: Low risk. No checks raised a concern. It passed 9 of 9 checks.

Skill results come from a static scan of its SKILL.md for instruction overrides, hidden actions, risky commands and credential access.

CheckResult
No instruction-override phrasesPass
No hidden actionsPass
No pipe-to-shell installersPass
No obfuscated codePass
No destructive commandsPass
Doesn't ask for keys or credentialsPass
No network requestsPass
No shell commandsPass
Installs no packagesPass

What the scan matched

  • scripts: scripts/validate_excalidraw.py

How do I install hand-drawn-diagrams?

  1. Install with the skills CLI. Works for Claude Code and other agents that read skills.
    npx skills add https://github.com/muthuishere/hand-drawn-diagrams --skill hand-drawn-diagrams
  2. Or copy it by hand. Claude Code loads any folder with a SKILL.md from ~/.claude/skills.
    git clone https://github.com/muthuishere/hand-drawn-diagrams
    cp -r hand-drawn-diagrams/hand-drawn-diagrams ~/.claude/skills/hand-drawn-diagrams
  3. Use it. Claude loads the skill when a task matches its description. You can also name it in your prompt.
    Use the hand-drawn-diagrams skill to …

Or ask Claude to set it up

Paste this into Claude Code and it installs hand-drawn-diagrams for you:

Install the "hand-drawn-diagrams" skill from https://github.com/muthuishere/hand-drawn-diagrams into ~/.claude/skills, then tell me in one line what it does.