Generate Excalidraw diagrams from codebases and JSON files.
npx skills add https://github.com/auxi-wardrobe/auxi-all-in --skill excalidraw-auxi-wardrobe
Please help me install this Agent Skill. Skill: excalidraw Source: https://github.com/auxi-wardrobe/auxi-all-in/tree/main/.agents/skills/excalidraw Command: npx skills add https://github.com/auxi-wardrobe/auxi-all-in --skill excalidraw-auxi-wardrobe
This Skill allows users to create professional diagrams — architecture, data flow, workflows, and system design — using Excalidraw, with the ability to handle both live canvas editing and automated rendering from JSON files.
Generate a diagram for the 'auxi-web' repository using the 'excalidraw' skill.
High-intent search queries and answers about installing and using this skill.
Generating architecture diagrams automatically from a codebase requires analyzing your project structure and rendering it visually. This Skill uses Excalidraw to produce visual representations of application architecture and data flow directly from your code.
Rendering Excalidraw diagrams from JSON files is fully supported using headless Chromium and Playwright. This file-based rendering approach allows you to automate diagram generation and process configurations without manual canvas editing.
Live canvas editing is supported for real-time, interactive diagram creation. You can edit diagrams directly on the canvas within your development environment to visualize system design and workflows dynamically.
Playwright is required for headless rendering when generating diagrams from JSON files. You also need Excalidraw installed for drawing, as these dependencies work together to visualize application architecture and data flow.
Visualizing data flow across various programming environments is best handled by analyzing configurations and codebases to generate Excalidraw diagrams. This approach supports both interactive canvas editing and automated JSON rendering for system design.
Limitations include the dependency on Playwright for headless rendering and the need for Excalidraw for drawing capabilities. Complex code analysis may require structured JSON inputs to accurately visualize application architecture and data flow.
Minara-AITranslate natural language descriptions into Excalidraw diagram scenes.
photonics-dhlConvert Excalidraw element JSON into .excalidraw diagram files.
xlelibertyGenerate architecture diagrams and analyze dependencies across technology stacks.
royhenengelDiscover and utilize Mermaid.js diagramming skills for visual documentation.
