Hand drawn diagrams

Create hand-drawn Excalidraw diagrams, flows, explainers, wireframes, and page mockups. Default to monochrome sketch output; allow restrained color only for page mockups when the user explicitly wants webpage-like fidelity.From its SKILL.md

Install

npx -y skills add muthuishere/hand-drawn-diagrams

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.

SKILL.md

0.9 KB, 170 tokens by cl100k_base, as published. Nobody here has run it

Follow the instructions in ./workflow.md.

Key references:

references/index.md
references/activation-routing.xml
references/fundamental-shapes.md

Recommended: Chrome DevTools MCP

Install chrome-devtools-mcp for fast PNG and animated SVG rendering — uses a real browser, no Playwright install required.

npm install -g chrome-devtools-mcp

Then add it to your Claude Code MCP config (~/.claude/settings.json):

{
  "mcpServers": {
    "chrome-devtools-mcp": {
      "command": "npx",
      "args": ["chrome-devtools-mcp"]
    }
  }
}

Without it, PNG and video rendering falls back to Playwright (slower, requires browser install).

What ships with it: 65 files

2193.0 KB alongside SKILL.md, 21 of them executable

25 more files not listed here. See all 65 in the repository.

One thing to look at

SKILL.md

Recommended: Chrome DevTools MCP

What ships with it: 65 files

assets/

docs/

installscripts/

references/

Keep looking