skills.rest
trungdo9
trungdo9COMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Generate hand-drawn diagrams and wireframes with Excalidraw.

3|1|Updated Dec 5, 2025
Search Tags:#collaboration#diagram#wireframe#hand-drawn#design tool
One-click install
npx skills add https://github.com/trungdo9/ClauKit --skill excalidraw-trungdo9
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/trungdo9/ClauKit/tree/main/skills/software/design/excalidraw
Command: npx skills add https://github.com/trungdo9/ClauKit --skill excalidraw-trungdo9

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows users to create hand-drawn diagrams and wireframes with ease, eliminating the need for complex design tools and enabling collaborative real-time editing.

Core Features & Use Cases

  • Hand-Drawn Diagrams: Offers a user-friendly interface for creating diagrams with shapes, arrows, and freehand drawings.
  • Collaboration: Supports real-time collaboration with end-to-end encryption for secure sharing.
  • Export Options: Users can export diagrams as PNG, SVG, or JSON for various uses.
  • Use Case: Ideal for UI/UX designers, developers, and team members who need to quickly create and share diagrams during brainstorming sessions.

Quick Start

Draw a simple wireframe for a new app using Excalidraw.

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 wireframes for UI/UX brainstorming?▼

To create hand-drawn wireframes for UI/UX brainstorming, use this Skill to generate shapes, arrows, and freehand drawings easily without complex design tools.

Can I collaborate on diagram creation in real-time with end-to-end encryption?▼

Yes, you can collaborate on diagram creation in real-time securely, as this Skill supports end-to-end encrypted sharing for team communication and brainstorming.

What export options are available for hand-drawn diagrams?▼

The available export options for hand-drawn diagrams include PNG, SVG, and JSON formats, allowing flexible integration into various design and development workflows.

Is there a simple design tool for quick wireframing without complex setup?▼

Yes, this Skill provides a user-friendly interface for quick wireframing and diagram creation, eliminating the need for complex design tool setups or prerequisites.

Does this hand-drawn diagram tool support freehand drawing and arrows?▼

Yes, the hand-drawn diagram tool supports freehand drawing, shapes, and arrows, making it ideal for quickly sketching UI/UX designs and brainstorming ideas.

Related Skills

Explore More Design & Creative Skills→
jonathan-vellajonathan-vella
6

excalidraw

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

Community
Basic
yu-iskwyu-iskw

drawio-cli

Automates creation and export of .drawio files via the draw.io CLI.

Community
Intermediate
zeronx798zeronx798

excalidraw

Generate hand-drawn style diagrams from Excalidraw-compatible JSON elements.

Community
Intermediate
gaoqiongxiegaoqiongxie
1

screenshot-to-prototype

Convert UI design screenshots into interactive HTML prototypes.

Community
Intermediate