skills.rest
troylar
troylarCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

excalidraw

Generate Excalidraw diagrams from user prompts and render them in the canvas panel.

Updated Aug 23, 2026
Search Tags:#brainstorming#excalidraw#canvas#diagrams#visual-design#tool-integration#diagram-generation
One-click install
npx skills add https://github.com/troylar/anteroom --skill excalidraw-troylar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/troylar/anteroom/tree/main/src/anteroom/cli/default_skills/excalidraw
Command: npx skills add https://github.com/troylar/anteroom --skill excalidraw-troylar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create and render Excalidraw diagrams directly from user requests, enabling rapid visual planning in the canvas panel.

Core Features & Use Cases

  • Generate Excalidraw diagrams based on user prompts and render them live in the canvas panel using the create_canvas tool with language: "excalidraw".
  • Support standard Excalidraw JSON structures (type: "excalidraw", version, elements, appState) and provide guidance on element types (rectangle, ellipse, text, arrow, line) and required fields.
  • Use cases include visual brainstorming, project planning, and diagramming workflows without leaving the AI interface.

Quick Start

Create an Excalidraw diagram for the user's request and render it in the canvas panel.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate Excalidraw diagrams from text prompts?▼

You can generate Excalidraw diagrams directly from text prompts by specifying the required JSON structure. The system renders elements like rectangles, arrows, and text live in the canvas panel.

What JSON structure is required to render Excalidraw elements in the canvas?▼

The required Excalidraw JSON structure includes type, version, elements, and appState. Supported element types are rectangle, ellipse, text, arrow, and line, each with specific required fields for rendering.

Can I use Excalidraw diagrams for visual brainstorming and project planning?▼

Yes, you can use Excalidraw diagrams for visual brainstorming, project planning, and design notes. Diagrams render live in the canvas panel, enabling rapid visual planning within the AI interface.

Does the canvas panel support live rendering of Excalidraw diagrams?▼

Yes, the canvas panel supports live rendering of Excalidraw diagrams. The create_canvas tool uses the "excalidraw" language parameter to render generated diagrams directly in the interface.

What are the limitations of generating Excalidraw diagrams through AI?▼

Generation is limited to standard Excalidraw element types such as rectangle, ellipse, text, arrow, and line. Complex custom shapes or advanced Excalidraw features beyond these basic elements may not be supported.

Related Skills

Explore More Design & Creative Skills→
cocyuhaococyuhao
1

json-canvas

Create and validate JSON Canvas files with nodes and edges per Spec 1.0.

Community
Intermediate
erlebacherlebach

excalidraw-diagram-generator

Convert natural language descriptions into ready-to-use Excalidraw diagram files.

Community
Intermediate
trungdo9trungdo9
3

ui-styling

Create React-based user interfaces with shadcn/ui components and Tailwind CSS.

Community
Advanced
XyHalcyonXyHalcyon

excalidraw

Create hand-drawn Excalidraw JSON diagrams from formatted elements.

Community
Basic