excalidraw

Generate hand-drawn style diagrams in Excalidraw JSON format.

Updated Apr 29, 2026
One-click install
npx skills add https://github.com/fikriaf/agentos --skill excalidraw-fikriaf
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/fikriaf/agentos/tree/main/src/agentos/skills/creative/excalidraw
Command: npx skills add https://github.com/fikriaf/agentos --skill excalidraw-fikriaf

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the need for creating hand-drawn style diagrams, flowcharts, and architecture diagrams quickly and easily using Excalidraw JSON format.

Core Features & Use Cases

  • Excalidraw JSON Support: Generate .excalidraw files for various diagram types.
  • User-friendly JSON: Create diagrams by writing standard Excalidraw element JSON.
  • No Account Required: No need for accounts, API keys, or rendering libraries.
  • Use Cases: Ideal for architecture diagrams, flowcharts, sequence diagrams, concept maps, and more.

Quick Start

Create a new diagram by loading this skill and writing the elements JSON. Save the file as .excalidraw using write_file and open it at excalidraw.com for viewing and editing.

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 JSON format?

To generate Excalidraw diagrams from JSON format, write standard Excalidraw element JSON, save the file with a `.excalidraw` extension, and open it at excalidraw.com for viewing and editing. No account or API key is required.

Can I create architecture and flowchart diagrams without an Excalidraw account?

Yes, you can create architecture and flowchart diagrams without an Excalidraw account. This Skill generates the Excalidraw JSON locally, allowing you to create diagrams without API keys, accounts, or rendering libraries.

What is the best way to edit Excalidraw JSON files created programmatically?

The best way to edit Excalidraw JSON files created programmatically is to load the generated `.excalidraw` file directly into the excalidraw.com platform. This allows you to visually edit and refine the hand-drawn style diagrams.

Does this approach support creating sequence diagrams and concept maps?

Yes, this approach supports creating sequence diagrams and concept maps. By writing standard Excalidraw element JSON, you can generate various hand-drawn style diagram types including architecture diagrams and flowcharts.

Do I need any external rendering libraries to view the generated Excalidraw files?

No, you do not need any external rendering libraries to view the generated Excalidraw files. The Skill outputs standard Excalidraw JSON that you simply open on the excalidraw.com platform to view and edit your diagrams.

Why are my Excalidraw JSON elements not displaying correctly on the platform?

If your Excalidraw JSON elements are not displaying correctly, ensure the file is saved with the exact `.excalidraw` extension and contains valid standard Excalidraw element JSON as required by the excalidraw.com platform.