diagram

Generate Excalidraw JSON diagrams from natural-language descriptions.

Updated Feb 28, 2026
One-click install
npx skills add https://github.com/cosmicdreams/claude-plugins --skill diagram-cosmicdreams
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: diagram
Source: https://github.com/cosmicdreams/claude-plugins/tree/main/ideate/skills/diagram
Command: npx skills add https://github.com/cosmicdreams/claude-plugins --skill diagram-cosmicdreams

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

It helps you quickly convert natural-language system/process descriptions into structured, layout-driven diagrams that communicate meaning through visual structure rather than just labels.

Core Features & Use Cases

  • Excalidraw JSON generation: Produces valid .excalidraw JSON that you can open directly in Excalidraw-aware editors and excalidraw.com.
  • Diagram-type selection & layout design: Chooses conceptual vs technical diagram framing, applies visual patterns (hierarchy, pipeline, decision trees, boundaries), and uses spacing rules so the structure “argues” the concept.
  • Reference-guided correctness: Enforces JSON element templates and semantic color roles via a dedicated JSON reference, then performs render-and-validate iterations.

Quick Start

Generate a diagram by asking an AI to “Diagram this: [describe the system/process]” and ensure the output is a meaningful spatial/structural view (not a bar/line/pie chart or plain text list).

Frequently Asked Questions about diagram

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, provide a natural-language description of a system or process. The tool outputs valid Excalidraw JSON that applies visual layout patterns and spacing rules to structure the components spatially.

Can I create data flow and decision tree diagrams using Excalidraw JSON?

Yes, you can create data flow and decision tree diagrams using Excalidraw JSON. The tool selects appropriate visual patterns like pipelines or hierarchies to map component relationships and sequence interactions accurately.

What is the best way to map system architecture and dependencies visually?

The best way to map system architecture is by converting text descriptions into structured, layout-driven diagrams. This approach uses spatial boundaries and semantic color roles to communicate structural relationships rather than just labels.

How do I validate Excalidraw JSON layout and arrow connections?

To validate Excalidraw JSON layout, the tool enforces JSON element templates and renders the output to HTML for screenshot review. It then iterates on the layout until arrow connections and spacing are correct.

Does the diagram generator work with brainstorming and research outputs?

Yes, the diagram generator works with brainstorming and research outputs. It commonly chains from ideation sessions to turn conceptual lists into structured dependency graphs and component mappings.

What types of visual layouts can I build with Excalidraw JSON?

You can build visual layouts including hierarchies, pipelines, decision trees, and boundaries using Excalidraw JSON. These layouts help argue the concept through structural framing rather than plain text lists.