excalidraw

Generate hand-drawn style diagrams, wireframes, and UI mockups in Excalidraw.

Updated Apr 11, 2026

Search Tags:#diagram #wireframe #hand-drawn #whiteboarding #sketching

Ready to run

npx skills add https://github.com/jgezelscorp/Apex --skill excalidraw-jgezelscorp

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/jgezelscorp/Apex/tree/main/.github/skills/excalidraw
Command: npx skills add https://github.com/jgezelscorp/Apex --skill excalidraw-jgezelscorp

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a quick and intuitive way to create hand-drawn style diagrams, wireframes, and informal sketches for brainstorming and documentation purposes.

Core Features & Use Cases

Hand-drawn Diagrams: Create diagrams with a natural, hand-drawn aesthetic.
Brainstorming & Sketching: Perfect for quick ideas and sketches.
Wireframes & UI Mockups: Design simple interfaces and layouts.
Use Case: Visualize a new application concept or a product design by creating quick sketches and diagrams that convey the idea effectively.

Quick Start

Use the excalidraw skill to create a simple hand-drawn diagram in VS Code.

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 brainstorming and wireframing?▼

Hand-drawn diagrams for brainstorming and wireframing can be generated to visualize concepts and design simple UI mockups. This Skill operates within the Excalidraw editor environment and VS Code Copilot to quickly produce informal sketches.

Can I use VS Code Copilot to generate hand-drawn style UI mockups?▼

Yes, VS Code Copilot supports generating hand-drawn style UI mockups. The Skill operates within this environment to help you design simple interfaces and layouts quickly for visualizing new application concepts.

What is the best way to sketch informal diagrams for product design documentation?▼

The best way to sketch informal diagrams for product design is using a hand-drawn aesthetic. This approach conveys ideas effectively during brainstorming without the overhead of polished, formal diagram tools.

Does this Excalidraw Skill support creating wireframes for application concepts?▼

Yes, the Excalidraw Skill supports creating wireframes. It is designed specifically for generating quick, informal sketches and simple UI mockups to help visualize new application concepts effectively.

Are there any dependencies required to start sketching diagrams in VS Code?▼

No dependencies are required to start sketching diagrams. The Skill operates directly within the Excalidraw editor environment and VS Code Copilot, allowing you to immediately create quick hand-drawn style visualizations.