excalidraw

Generate .excalidraw files with Hand-drawn-style diagrams from text descriptions.

247|22|Updated Dec 11, 2024
One-click install
npx skills add https://github.com/graniet/kheish --skill excalidraw-graniet
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/graniet/kheish/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/graniet/kheish --skill excalidraw-graniet

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill eliminates the manual effort of creating consistent, hand-drawn style diagrams by generating valid Excalidraw JSON files programmatically, so you can embed diagram creation into any AI workflow without needing to manually edit files in the Excalidraw web app.

Core Features & Use Cases

  • Excalidraw File Generation: Creates .excalidraw files compatible with excalidraw.com for architecture diagrams, flowcharts, sequence diagrams, concept maps, and more.
  • Built-in Best Practices: Includes pre-defined color palettes, element formatting rules, and guidance for hand-drawn style visuals, plus copy-pasteable examples for common diagram types.
  • Optional Shareable Links: Provides a script to client-side encrypt and upload diagrams to excalidraw.com for instant shareable links, no account required.
  • Use Case: A product manager can use this Skill to generate a concept map for a new feature directly from a requirements document and share it with their team in seconds.

Quick Start

Use the excalidraw skill to create a simple user authentication flowchart with steps for login, credential validation, and access granted.

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 programmatically without using the web app?

Generate Excalidraw JSON files programmatically to create architecture diagrams, flowcharts, and sequence diagrams without manual web app interaction. This Skill outputs standard .excalidraw files with built-in color palettes and formatting rules for direct compatibility with excalidraw.com.

Can I automatically create architecture diagrams and flowcharts as Excalidraw files?

Yes, you can automatically create architecture diagrams, flowcharts, sequence diagrams, and concept maps as Excalidraw files. The Skill applies built-in element formatting rules and color palettes to ensure consistent, hand-drawn style visuals for technical documentation.

Does the Excalidraw JSON file generation process support creating shareable links?

Yes, Excalidraw JSON file generation supports creating shareable links. A provided script handles client-side encryption and uploads diagrams to excalidraw.com, generating instant shareable links without requiring an account.

What is the best way to embed diagram creation into an AI workflow for system design?

The best way to embed diagram creation into an AI workflow is by generating standard Excalidraw JSON programmatically. This approach integrates into automated pipelines, producing valid .excalidraw files for system design and team collaboration without manual editing.

Do I need an excalidraw.com account to encrypt and share my flowcharts?

No, you do not need an excalidraw.com account to encrypt and share flowcharts. The Skill includes a script for client-side encryption and upload, providing instant shareable links directly from your generated Excalidraw JSON files.

What are the limitations of generating Excalidraw JSON files programmatically for concept maps?

Generating Excalidraw JSON files programmatically requires adherence to specific element formatting rules and built-in color palettes to maintain hand-drawn style compatibility. Complex concept maps may need manual adjustments in the web app after generating the initial JSON structure.