skills.rest
Avihai-H
Avihai-HCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Generate hand-drawn diagrams, wireframes, and sketches in Excalidraw.

Updated Apr 19, 2026
Search Tags:#diagram#wireframe#sketch#whiteboarding#Excalidraw
One-click install
npx skills add https://github.com/Avihai-H/infraops --skill excalidraw-avihai-h
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/Avihai-H/infraops/tree/main/.github/skills/excalidraw
Command: npx skills add https://github.com/Avihai-H/infraops --skill excalidraw-avihai-h

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the creation of hand-drawn diagrams, wireframes, and sketches, making it easy to visualize ideas and concepts without the need for advanced drawing skills.

Core Features & Use Cases

  • Hand-Drawn Diagrams: Generate diagrams with a hand-drawn aesthetic for brainstorming and concept exploration.
  • Wireframes: Create UI mockups and layout sketches for rapid prototyping.
  • Sketches: Produce informal diagrams and sketches for quick idea sharing.
  • Use Case: Imagine you need to sketch a user flow for a new application. Use this Skill to quickly create a hand-drawn version in Excalidraw, which can then be refined and polished.

Quick Start

Use the excalidraw skill to create a hand-drawn diagram of a user flow for a new application.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I create hand-drawn diagrams for UI design brainstorming?▼

You can create hand-drawn diagrams for UI design by generating sketches and wireframes with a hand-drawn aesthetic. This approach visualizes concepts for brainstorming and rapid prototyping without needing advanced drawing skills.

What is the best way to sketch a user flow for a new application?▼

The best way to sketch a user flow is to generate a hand-drawn style diagram illustrating the application paths. This provides a quick, informal visual aid for concept exploration and rapid layout sharing.

Can I generate wireframes for rapid prototyping without advanced drawing skills?▼

Yes, you can generate UI mockups and wireframes for rapid prototyping without advanced drawing skills. The process automatically applies a hand-drawn aesthetic to visualize layout concepts and user interfaces quickly.

Does this approach work for whiteboarding and quick concept illustration?▼

Yes, this approach works for whiteboarding and quick concept illustration by producing informal diagrams and sketches. It targets users who require visual aids to share ideas rapidly during brainstorming sessions.

How do I visualize ideas and concepts using a sketch aesthetic?▼

You visualize ideas and concepts by generating diagrams with a hand-drawn sketch aesthetic. This simplifies concept exploration and idea sharing by producing informal visual representations without requiring manual drawing.

Related Skills

Explore More Design & Creative Skills→
guideopsguideops

sketch

Provide a hand-drawn sketch design system with typography, color, and spacing scales for Sketch.

Community
Intermediate
qprjack86qprjack86

excalidraw

Create hand-drawn whiteboard diagrams and wireframes as editable Excalidraw JSON.

Community
Intermediate
jonathan-vellajonathan-vella
6

excalidraw

Generate hand-drawn style diagrams, wireframes, and sketches in VS Code.

Community
Basic
cassm199-mitacassm199-mita

excalidraw

Generate hand-drawn style diagrams and sketches in Excalidraw JSON format.

Community
Basic