hand-drawn-diagrams

Generate hand-drawn Excalidraw diagrams from text prompts for visual documentation and prototyping.

93.2k|10.8k|Updated Apr 28, 2026

Search Tags:#prototyping #Visualization #Diagrams #whiteboard #Excalidraw #Sketch

One-click install

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

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: hand-drawn-diagrams
Source: https://github.com/nexu-io/open-design/tree/main/skills/hand-drawn-diagrams
Command: npx skills add https://github.com/nexu-io/open-design --skill hand-drawn-diagrams

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the friction of creating professional-looking diagrams by automating the generation of hand-drawn style visuals directly from natural language prompts.

Core Features & Use Cases

Excalidraw Generation: Creates animated SVG diagrams with a distinct hand-drawn aesthetic.
Export & Integration: Provides hosted edit links and PNG exports for use in design systems and technical documentation.
Use Case: Quickly visualize system architectures or user flows during a brainstorming session by prompting the agent to sketch a diagram.

Quick Start

Ask the agent to generate a hand-drawn diagram of a microservices architecture using the excalidraw format.

Frequently Asked Questions about hand-drawn-diagrams

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate a hand-drawn diagram from a prompt?▼

Invoke the hand-drawn-diagrams skill by providing a descriptive prompt of the architecture or flow you wish to visualize. The agent will process the request and return an animated SVG or a hosted edit link.

Can I export these diagrams to other formats?▼

Yes, the skill supports PNG export in addition to animated SVG and hosted Excalidraw edit links, allowing for easy inclusion in presentations or documents.

Does this skill work with Claude Code or other CLI agents?▼

The skill is designed to be compatible with Claude Code, Codex, Gemini CLI, and any agent that supports standard skill path discovery and execution.

What are the limitations of hand-drawn diagrams?▼

The diagrams are optimized for conceptual sketching and prototyping rather than high-fidelity technical schematics. Complex, data-heavy diagrams may require manual refinement via the provided edit link.