diagram-design

Solid

Best practices for creating research diagrams with Excalidraw MCP tools

AI & Automation 859 stars 98 forks Updated yesterday MIT

Install

View on GitHub

Quality Score: 93/100

Stars 20%
98
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Diagram Design Guide for Research ## When to Create Diagrams Create a diagram when your research findings involve: - **Comparing 3+ options** — comparison table or matrix diagram - **Process with 4+ steps** — flowchart or sequence diagram - **System with multiple components** — architecture diagram - **Chronological events** — timeline - **Hierarchical relationships** — tree or mind map - **Data flows** — data flow diagram ## Excalidraw Workflow 1. **Plan the diagram** — decide type, elements, and layout before creating 2. **Create elements** — use `create_element` or `batch_create_elements` 3. **Arrange** — use `align_elements` and `distribute_elements` for clean layout 4. **Inspect** — use `describe_scene` to verify the diagram looks right 5. **Adjust** — use `update_element` to fix positioning or text 6. **Group** — use `group_elements` to lock related items together > **Note:** Do NOT export or share links — the user sees a live embedded canvas that auto-syncs. ## Color Palette Use consistent colors across diagrams: | Purpose | Color | Hex | |---------|-------|-----| | Primary concepts | Blue | #1971c2 | | Positive / supported | Green | #2f9e44 | | Negative / limitations | Red | #e03131 | | Warning / caveats | Orange | #e8590c | | Neutral / context | Gray | #868e96 | | Highlight / focus | Yellow | #f08c00 | ## Layout Patterns - **Top-to-bottom**: Process flows, decision trees, timelines - **Left-to-right**: Comparisons, before/after, pipelines - **Radial / cen...

Details

Author
vstorm-co
Repository
vstorm-co/pydantic-deepagents
Created
6 months ago
Last Updated
yesterday
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Data & Documents Listed

drawing-diagrams

Use when asked to draw, render, or visualize any diagram on a hand-drawn Excalidraw canvas — architecture diagrams, dependency maps (Node.js package.json AND Python pyproject.toml/requirements.txt), file tree / directory structure, sequence diagrams, state machines, flowcharts, process flows, system topologies, data-flow diagrams, ER diagrams, or "draw this on a whiteboard". Triggers include "draw the architecture", "visualize this", "make a diagram", "deps diagram", "Python deps", "show the file tree", "draw the directory structure", "sequence for the login flow", "flowchart for X", "state machine", "draw the data flow", "whiteboard this", or any "render onto the canvas / Excalidraw" intent. Skip for PDFs, screenshots of existing images, UI mockups, or non-visual outputs.

0 Updated 1 weeks ago
must-mohsin1
AI & Automation Solid

excalidraw-diagram-generator

Generate Excalidraw diagrams from natural language descriptions. Use when asked to "create a diagram", "make a flowchart", "visualize a process", "draw a system architecture", "create a mind map", or "generate an Excalidraw file". Supports flowcharts, relationship diagrams, mind maps, and system architecture diagrams. Outputs .excalidraw JSON files that can be opened directly in Excalidraw.

34,887 Updated today
github
Web & Frontend Listed

excalidraw

Generate hand-drawn Excalidraw-style diagrams from text prompts. Triggers on requests for diagrams, flowcharts, architecture sketches, system designs, hand-drawn visuals, or when the user says /excalidraw.

23 Updated 3 months ago
aref-vc