hand-drawn-diagrams

by muthuishere · Claude Skill · ★ 28

About hand-drawn-diagrams

hand-drawn-diagrams AI skill for turning ideas, notes, systems, and flows into hand-drawn diagrams — with a hosted edit URL, animated video, and PNG, all from a single prompt. Jump to: What this is · Output · Quick start · Credits Example output Static PNG — exported on request: Animated SVG — draws itself stroke by stroke (view): What this is hand-drawn-diagrams is an AI skill (for Claude Code, Codex CLI, and compatible agents) that takes a natural language prompt and produces a hand-drawn diagram you can edit, animate, and share — without opening any app. You describe what you want.

agent-skillsclaude-codecodexdiagrammingexcalidrawux-wireframesvisualizationworkflow-diagrams

Quick Facts

Stars28
Forks6
LanguagePython
CategoryClaude Skill
Quality Score65.7016249555068/100
Open Issues1
Last Updated2026-05-16
Created2026-03-21
Platformsbrowser, claude-code, codex, python
Est. Tokens~61k

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular Python Agent Tools

Frequently Asked Questions

What is hand-drawn-diagrams?

hand-drawn-diagrams is Hand-drawn diagram skill for Claude Code and Codex. Generates monochrome architecture, workflow, and UX blueprint diagrams as PNGs.. It is categorized as a Claude Skill with 28 GitHub stars.

What programming language is hand-drawn-diagrams written in?

hand-drawn-diagrams is primarily written in Python. It covers topics such as agent-skills, claude-code, codex.

How do I install or use hand-drawn-diagrams?

You can find installation instructions and usage details in the hand-drawn-diagrams GitHub repository at github.com/muthuishere/hand-drawn-diagrams. The project has 28 stars and 6 forks, indicating an active community.

View on GitHub → Browse Claude Skill tools