excalidraw

Generate and modify Excalidraw diagrams from natural language and code analysis.

4|1|Updated Feb 2, 2026

Search Tags:#architecture #documentation #excalidraw #generation #diagrams #code visualization

Ready to run

npx skills add https://github.com/fakoli/fakoli-plugins --skill excalidraw-fakoli

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the creation and modification of Excalidraw diagrams, transforming natural language descriptions or code analysis into visual representations, thereby streamlining documentation and design processes.

Core Features & Use Cases

Diagram Generation: Create .excalidraw files from structured JSON input.
Code-to-Diagram: Analyze codebases (imports, packages, APIs) to generate architectural diagrams.
Diagram Modification: Update existing diagrams by adding or removing elements.
Use Case: Automatically generate a system architecture diagram by analyzing your project's import statements and package structure.

Quick Start

Generate a new diagram by providing skeleton JSON to the converter script.

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 natural language descriptions?▼

To generate Excalidraw diagrams from natural language, provide structured skeleton JSON to the converter script. The Skill processes this input to automatically create visual representations and output `.excalidraw` files.

Can I analyze a codebase to automatically create architecture diagrams?▼

Yes, you can analyze a codebase to create architecture diagrams. The Skill greps for imports, package structures, and API routes to inform the generation of structural visual representations.

How do I modify an existing Excalidraw diagram by adding or removing elements?▼

You can modify an existing Excalidraw diagram by instructing the Skill to add or remove elements. It processes your input to update the visual representation without requiring a full diagram regeneration.

Does the Excalidraw diagram generation script require Node.js?▼

Yes, the Excalidraw diagram generation script requires Node.js. It serves as the core dependency for running the converter script that transforms skeleton JSON and code analysis into visual diagrams.

What is the best way to visualize API routes and package structures for documentation?▼

The best way to visualize API routes and package structures is using automated code analysis. This Skill greps your codebase to extract structural data and converts it into Excalidraw diagrams for documentation.

Can I process diagram input from stdin to automate documentation workflows?▼

Yes, you can process diagram input from stdin to automate documentation workflows. The Skill accepts piped input alongside natural language and code analysis to generate or modify Excalidraw diagrams.