{"repo":"muthuishere/hand-drawn-diagrams","free":true,"listed":false,"github":"https://github.com/muthuishere/hand-drawn-diagrams","clone":"git clone https://github.com/muthuishere/hand-drawn-diagrams.git","description":"Hand-drawn diagram skill for Claude Code and Codex. Generates monochrome architecture, workflow, and UX blueprint diagrams as PNGs.","language":"Python","stars":60,"topics":["agent-skills","claude-code","codex","diagramming","excalidraw","ux-wireframes","visualization","workflow-diagrams"],"license":null,"category":"cli-tools","readme_excerpt":"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. The AI picks the right diagram type, draws it in Excalidraw's sketch style, validates the layout, and hands you a live hosted URL. From there you can edit it in a browser, watch it animate, download the source, or export a PNG. How it's different from using Excalidraw directly Excalidraw hand-drawn-diagrams --- --- --- Starting point Blank canvas, you draw Natural language prompt Diagram type You decide AI picks the right route (teaching, UX, architecture, funnel…) Layout You position everything AI assigns non-overlapping coordinates Animation Manual or none Auto-generated animation spec, renders in browser Output File on disk Hosted edit URL + animated SVG + PNG on request Workspace You open the app Files stay in /tmp/ by default — workspace stays clean This skill is not a replacement for Excalidraw — it sits on top of it. Every diagram it produces is a standard .excalidraw file you can open, e","default_branch":null,"files":null,"tree":[],"storefront":"/r/muthuishere","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/muthuishere/hand-drawn-diagrams/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}