skills.rest
psauxwwf
psauxwwfCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw-diagram

Generate Excalidraw diagram JSON files from textual prompts.

Updated Aug 27, 2026
Search Tags:#education#rendering#excalidraw#diagram#design-patterns#visual-communication
One-click install
npx skills add https://github.com/psauxwwf/.dotfiles --skill excalidraw-diagram-psauxwwf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw-diagram
Source: https://github.com/psauxwwf/.dotfiles/tree/main/.agents/skills/excalidraw-diagram
Command: npx skills add https://github.com/psauxwwf/.dotfiles --skill excalidraw-diagram-psauxwwf

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires agent-browser, jq, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Excalidraw Diagram Creator helps teams convert abstract ideas into visual, persuasive diagrams that communicate structure, relationships, and workflow clearly.

Core Features & Use Cases

  • Generate Excalidraw diagram JSON from textual prompts to illustrate processes, architectures, or concepts.
  • Enforce branding consistency using color palettes and templates across diagrams.
  • Use cases include technical diagrams for engineers, educational visuals for learners, and design explorations for ideation.

Quick Start

Provide a concept or prompt and I will generate the Excalidraw diagram JSON and render it to PNG for review.

Frequently Asked Questions about excalidraw-diagram

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

FAQPage Schema
How do I generate Excalidraw diagram JSON from a text prompt?▼

You can convert abstract ideas into Excalidraw diagram JSON by providing a textual concept or prompt. The Skill produces Excalidraw-compatible JSON with color-palette guidance and template rules to ensure visual readability and branding consistency.

What is visual argumentation in technical diagrams and how does it work?▼

Visual argumentation uses Excalidraw diagrams to persuasively communicate structure, relationships, and workflows. The Skill enforces color-palette guidance and template rules so technical diagrams, educational visuals, and process maps clearly convey complex concepts.

Can I use Excalidraw diagrams for educational visuals and design explorations?▼

Yes, Excalidraw diagrams support educational visuals and design explorations across disciplines. The Skill generates JSON for process maps and technical diagrams, applying template rules to ensure concepts and design patterns are visually readable for learners and engineers.

Does this Excalidraw diagram generator require agent-browser to render PNG?▼

Yes, rendering Excalidraw diagrams to PNG for review requires the agent-browser and jq dependencies. These tools support the Skill's process of generating Excalidraw-compatible JSON and visually rendering the output for workflows and architectures.

What's the best way to enforce branding consistency across Excalidraw diagrams?▼

To enforce branding consistency across Excalidraw diagrams, use the Skill's built-in color palettes and template rules. It applies these guidelines when generating Excalidraw-compatible JSON, ensuring visual communication and structure align across all technical diagrams and process maps.

Related Skills

Explore More Design & Creative Skills→
ooiyeefeiooiyeefei
472

excalidraw

Generates Excalidraw-compatible JSON architecture diagrams from analyzed codebases.

Community
Basic
lxt070409lxt070409
1

excalidraw

Generate hand-drawn Excalidraw JSON diagrams programmatically with Python.

Community
Advanced
mnishanth02mnishanth02

react-flow-architecture

Architect node-based visual interfaces with React Flow state management and component design.

Community
Advanced
ex3ndrex3ndr
14

excalidraw

Generate architecture diagrams, flowcharts, and concept maps in Excalidraw JSON format.

Community
Basic