
Diagram Design
Best practices for creating research diagrams with Excalidraw MCP tools
Install
npx skills add vstorm-co/pydantic-deepagents --skill diagram-design -g -a claude-code -y- Repository
- vstorm-co/pydantic-deepagents1.1k
- Category
- AI and agents
- Updated
- 5d ago
- License
- MIT
- Context cost
- Lightabout 855 tokens
- Runs scripts
- No, instructions only
What it does
Best practices for creating research diagrams with Excalidraw MCP tools
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
- Plan the diagram, decide type, elements, and layout before creating
- Create elements, use
create_elementorbatch_create_elements - Arrange, use
align_elementsanddistribute_elementsfor clean layout - Inspect, use
describe_sceneto verify the diagram looks right - Adjust, use
update_elementto fix positioning or text - Group, use
group_elementsto 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 / center-out: Concept maps, mind maps
- Grid: Feature matrices, comparison tables
Element Guidelines
Text
- Use short labels (2-4 words per element)
- Title font size: 20-24px
- Label font size: 14-16px
- Add detail in sub-labels, not element titles
Shapes
- Rectangles: Processes, components, entities
- Diamonds: Decision points
- Ellipses: Start/end points, concepts
- Rectangles with rounded corners: Groups, categories

