mcpbeat

Hand Drawn Diagrams

nexu-io/hand-drawn-diagrams

| 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 paths.

337 tokens
context cost
the whole folder, loaded on every use
1
files
instructions only
0
copies elsewhere
how many repositories repackaged it
83386
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository 
npx skills add https://github.com/nexu-io/open-design --skill hand-drawn-diagrams

The instruction itself

4 sections, as written by the author

hand-drawn-diagrams

> Curated from @muthuishere.

What it does

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 paths.

Source

  • Upstream: https://github.com/muthuishere/hand-drawn-diagrams
  • Category: diagrams

How to use

This catalogue entry advertises the skill in Open Design so the agent

discovers it during planning. To run the full upstream workflow with

its original assets, scripts, and references, install the upstream

bundle into your active agent's skills directory:

# Inspect the upstream README for exact paths
open https://github.com/muthuishere/hand-drawn-diagrams

Then ask the agent to invoke this skill by name (hand-drawn-diagrams) or with

one of the trigger phrases listed in this skill's frontmatter.

How to use it

Copy the folder

Take nexu-io/hand-drawn-diagrams from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.