Agent skill · Media · muthuishere

hand-drawn-diagrams agent skill by muthuishere

Creates hand-drawn Excalidraw diagrams, flows, explainers, wireframes, and page mockups, defaulting to monochrome sketch output.

View on GitHub Read SKILL.md

At a glance

Publishermuthuishere
Repositorygithub.com/muthuishere/hand-drawn-diagrams
CategoryVideo, Image, Audio and Creative
LicenseMIT
Last commitSeptember 28, 2026 (repository)
SKILL.md25 lines, 207 words
Bundled files64 files, including references, scripts, assets or templates
Quality score79/100 · C Passes all seven graded checks
Security scanNot scanned
README badgeGet the listing badge and raise the score

Before you install

Read from the skill's files at the directory's October 22, 2026 snapshot: what ships with it, what its code reads, and the terms it is published under.

Install hand-drawn-diagrams

The skills CLI works with Claude Code, Codex, Cursor and other agents; the other routes copy the folder by hand.

Skills CLI
npx skills add https://github.com/muthuishere/hand-drawn-diagrams
Claude Code, project-level copy
mkdir -p .claude/skills
git clone --depth 1 https://github.com/muthuishere/hand-drawn-diagrams.git .claude/skills/hand-drawn-diagrams
rm -rf .claude/skills/hand-drawn-diagrams/.git
Codex, project-level copy
mkdir -p .agents/skills
git clone --depth 1 https://github.com/muthuishere/hand-drawn-diagrams.git .agents/skills/hand-drawn-diagrams
rm -rf .agents/skills/hand-drawn-diagrams/.git

For a user-level install, copy the folder to ~/.claude/skills/ (Claude Code) or ~/.agents/skills/ (Codex). Inside Codex, $skill-installer can also fetch a skill from GitHub. New to skills? Read How to install agent skills in Claude Code, Codex and Cursor.

muthuishere/hand-drawn-diagrams is third-party code. Read SKILL.md and any bundled scripts before you install it.

How the author describes it

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. Use when the user asks for a diagram, flowchart, wireframe, sketch, visual explanation, mind map, architecture overview, or any Excalidraw-based drawing.

From the description field of SKILL.md. Agents read this line to decide when to load the skill.

Sections in SKILL.md

Files in the skill folder

Showing 24 of 64 files. Browse the folder on GitHub.

Suede Skill Check: 79/100 · C

Report snapshot · · graded-v2

The rubric totals 100 points; published scores are capped at 99. Security scan: not scanned.

Source revision: c8ffd6c3febb. Report version e7f3a6601147. Badge URLs follow the latest listing; save the report to keep this version.

Download report · Request a fresh review

What to review next

  • Instruction depth: 1 of 7 points. 7 for a SKILL.md body of 500–3,000 words; 4 for 250–4,500; 1 for 100 or more.
  • Boundary clause: 0 of 4 points. 4 when the description says when not to use the skill (“Not for …”, “Do not use …”, “Use … instead”).
  • Example request: 0 of 3 points. 3 when the description quotes an example request (3–60 characters in quotation marks).

Add declarations and bundled files when they describe the skill’s actual needs. Update the source, then request a fresh review with the changed commit or PR.

hand-drawn-diagrams passes the required frontmatter check and all seven graded checks, which cover the SKILL.md format, a declared license and a commit in the last year. Those checks earn 56 of the score’s points; the rest come from description quality, instruction depth, bundled files, maintenance and curated-list citations. How the score works.

See the checks and points
CheckResult
Frontmatter parses and declares a name and a descriptionPass
Name uses lowercase letters, digits and hyphens, 64 characters or fewerPass
Name matches the skill's folder namePass
Description is between 50 and 1,024 charactersPass
Description says when an agent should use the skillPass
SKILL.md body is 500 lines or fewerPass
A license is declared in the frontmatter or the repositoryPass
Repository has a commit in the last 12 monthsPass
Score componentPoints
Structural checks56 of 56
Description length5 of 5
Boundary clause0 of 4
Example request0 of 3
Instruction depth1 of 7
Reference files3 of 3
Bundled scripts2 of 2
Recent maintenance9 of 9
Curated-list citations3 of 7
Tool permissions declared0 of 2
Compatibility declared0 of 2

Show the listing and raise the score

hand-drawn-diagrams is listed with 79/100 · C. This badge links to its Suede AI listing. Skills scoring 80–99 add a numeric and a letter quality shield; the largest open points for hand-drawn-diagrams are instruction depth (6), boundary clause (4) and example request (3). Send your repository and the points you want to raise, then request a fresh review after updating the skill. Publishers: read How to get your agent skill found in search and cited by AI assistants.

Suede AI Skills Directory: listed

Markdown
[![Suede AI Skills Directory: listed](https://suedeai.directory/badge.svg)](https://suedeai.directory/muthuishere/hand-drawn-diagrams/hand-drawn-diagrams/)
HTML
<a href="https://suedeai.directory/muthuishere/hand-drawn-diagrams/hand-drawn-diagrams/"><img src="https://suedeai.directory/badge.svg" alt="Suede AI Skills Directory: listed" height="20"></a>

Where this skill is cited

muthuishere/hand-drawn-diagrams appears in 2 curated lists: VoltAgent/awesome-agent-skills, heilcheng/awesome-agent-skills.

stage-consistencyOrkas-AI/Orkas-VideoStudio gif-sticker-makerMiniMax-AI/skills prompt-videosreplicate/skills ad-delayerBria-AI/bria-skill vglBria-AI/bria-skill render-hook-replacementgooseworks-ai/goose-skills

All video, image, audio and creative skills