hand-drawn-diagrams
Generates hand-drawn looking diagrams. Creates animated SVG diagrams and offers an editable link, perfect for presentations.
What it does
This tool creates diagrams that look hand-drawn using Excalidraw. You can get the diagram as an image file (animated SVG or PNG) or a link to edit it.
When to use it
- ✓To visualize complex ideas simply.
- ✓To create illustrations for presentations or documents.
- ✓To share a visual draft that others can edit.
Example of what to ask your AI
“Create a hand-drawn diagram of a simple app workflow.”
Want more? Open the sections below.
How to use
The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.
Skill link
Ready-to-paste message
How it works
You describe what you want in the diagram. The tool uses this description to generate the drawing and offers options to save or edit it.
Installation
Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.
In the terminal (Claude Code, Codex, Cursor), in your project folder:
npx skills add nexu-io/open-design --skill hand-drawn-diagramsOr download just the file:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/skills/hand-drawn-diagrams/SKILL.md -o SKILL.mdTechnical content (original SKILL.md)
Original text by the author, straight from GitHub.
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 OpenDesign 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.
FAQ
What is Excalidraw?
It's a program that lets you create drawings that look hand-drawn, like you're using a whiteboard.
What does 'animated SVG' mean?
It's a type of image file that can have animations, as if the drawing is being made step-by-step.
How do I use this with an AI agent?
You ask the agent to use the 'hand-drawn-diagrams' tool and describe the diagram you want.
Details
Original description by the author
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.
repo: nexu-io/open-design
Popularity
- GitHub stars
- 101k
- Ranking position
- #727
- License
- Apache-2.0
- Updated
- 10/16/2026
Comments
- …
More skills from this repository
sample-plugin
Makes your agent create a metadata file for tests. It helps ensure code works correctly in different situations.
nexu-io/open-design
aster-atelier
Helps your agent create an artistic website with a classic look. It uses elegant imagery, blue skies, and serif fonts for a cinematic feel.
nexu-io/open-design
audio-jingle
Makes your agent generate audio like jingles and sound effects. It can create music and voices, saving the result as an audio file.
nexu-io/open-design
blog-post
Helps your agent write long articles or blog posts. It includes space for images, quotes, and author information.
nexu-io/open-design
Similar skills
ios-icon-gen
Lets your agent generate icons for iOS apps. It uses Apple symbols or icons from other sources to create the correct files.
affaan-m/ECC
algorithmic-art
Helps your agent create art using code, generating unique images. It's useful when you want original computer-generated art.
anthropics/skills
canvas-design
Helps your agent create beautiful visual art in files. It's useful when you ask for a poster, art, or any static design.
anthropics/skills