skills.rest
vstorm-co
vstorm-coOFFICIAL
Explore all skills by this author →
WebsiteGitHub

diagram-design

Design research diagrams using Excalidraw MCP primitives with consistent spacing.

1.0k|120|Updated Nov 29, 2025
Search Tags:#excalidraw#visualization#diagram-design#research-diagrams#diagram-workflow#batch-create-elements
One-click install
npx skills add https://github.com/vstorm-co/pydantic-deepagents --skill diagram-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagram-design
Source: https://github.com/vstorm-co/pydantic-deepagents/tree/main/apps/deepresearch/skills/diagram-design
Command: npx skills add https://github.com/vstorm-co/pydantic-deepagents --skill diagram-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Many research findings are difficult to communicate clearly because diagrams are inconsistently styled, poorly spaced, or lack a repeatable workflow; this guide provides concrete design patterns and Excalidraw MCP actions to produce clear, reproducible research diagrams. It reduces the time spent iterating on layout, colors, and element organization so researchers can focus on insights rather than visual polishing.

Core Features & Use Cases

  • Structured workflow: Plan the diagram, create elements, arrange, inspect with describe_scene, adjust, and group for stable layouts.
  • Reusable patterns: Top-to-bottom, left-to-right, radial, and grid layouts for timelines, comparisons, architectures, and concept maps.
  • Design rules: Consistent color palette, spacing (40px between elements, 80px between groups), typography sizes, and arrow semantics for clarity.
  • Operational guidance: Prefer batch_create_elements for efficiency, align_elements and distribute_elements for layout, and never export live canvas links to external viewers.
  • Use case: Build a comparison matrix for three vendor options, align pros and cons under each column, group related items, and verify layout before finalizing.

Quick Start

Create a comparison diagram of three options using batch_create_elements, align and group the elements, and run describe_scene to verify and refine the layout.

Frequently Asked Questions about diagram-design

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

FAQPage Schema
How do I create research diagrams that are consistently styled and properly spaced?▼

Research diagrams require consistent color palettes, 40px spacing between elements, and 80px between groups. Using batch creation and alignment primitives ensures reproducible layouts, reducing time spent iterating on visual organization so you can focus on insights.

What is the best way to build a comparison matrix for multiple vendor options in Excalidraw?▼

Building a comparison matrix involves using batch element creation to generate columns, aligning pros and cons under each option, and grouping related items. This structured workflow produces clear, verifiable layouts for comparative analysis and decision making.

How do I arrange diagram elements into top-to-bottom, left-to-right, and radial layouts?▼

Arranging diagram elements into top-to-bottom, left-to-right, radial, or grid layouts requires using alignment and distribution actions. These actions position elements systematically, creating clear visualizations for timelines, architectures, concept maps, and data flows.

Can I batch create and group elements for architecture and data flow diagrams in Excalidraw?▼

Yes, you can batch create elements for architecture and data flow diagrams using Excalidraw primitives. Applying batch creation, alignment, and grouping actions ensures stable, efficiently generated layouts for complex architectural proposals and process visualizations.

Does this diagram workflow inspect and verify element layout before finalizing the visualization?▼

The diagram workflow inspects and verifies layout using a scene description action. Running this action after creating and arranging elements confirms positioning and spacing, allowing you to refine the visualization before finalizing it for presentations or documentation.

Why should I avoid exporting live canvas links to external viewers for research diagrams?▼

Exporting live canvas links to external viewers is avoided to maintain layout stability and consistent rendering. Instead, the workflow focuses on producing finalized, grouped element visualizations that communicate research findings clearly without relying on live canvas access.

Related Skills

Explore More Design & Creative Skills→
superfhpsuperfhp

excalidraw

Create Excalidraw diagrams from JSON and save .excalidraw files.

Community
Advanced
y0nchay0ncha
1

excalidraw-diagrams

Generate editable Excalidraw diagram files with programmatic layout and styling.

Community
Intermediate
yctimlinyctimlin
2.3k

excalidraw-skill

Control live Excalidraw canvases via MCP tools and REST APIs.

Community
Advanced
ahgraberahgraber
5

mermaid

Generate and locally render Mermaid diagrams for chatbot flows.

Community
Intermediate