mcpField
H
hand-drawn-diagrams

hand-drawn-diagrams

github.com/nexu-ioDesign & UI104.6k2.9k installsUpdated today
Repository

About hand-drawn-diagrams

`hand-drawn-diagrams` is a skill for generating hand-drawn Excalidraw diagrams from prompts. It can produce animated SVGs, hosted edit links, and PNG exports, and supports agents using standard skill paths.

Key features

  1. 01Prompt-based Excalidraw diagrams
  2. 02Animated SVG output
  3. 03Hosted edit links
  4. 04PNG export

Use cases

  1. 01Create a hand-drawn diagram from a prompt
  2. 02Share an editable diagram link
  3. 03Export a diagram as PNG

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/open-design --skill hand-drawn-diagrams

After installing, type/hand-drawn-diagramsin Claude Code to confirm it loaded.

Details

From the project README

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

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.

Comments

Markdown supported