{"enrichment":{"faq":[{"a":"diagram-design teaches a structured workflow for creating research diagrams with Excalidraw MCP tools. Start by planning your diagram type based on your research goal, then use Excalidraw's tools to build your visual. The guide covers best practices for element arrangement, spacing, and grouping to ensure your diagram communicates clearly. Follow consistent styling conventions throughout to maintain professional appearance and readability across all your research visualizations.","q":"How do I create research diagrams with Excalidraw?"},{"a":"diagram-design explains that your choice depends on what you're communicating. Use a flowchart when you need to show process steps, decision points, or sequential logic\u2014ideal for workflows and procedures. Choose a timeline when you're depicting events or milestones in chronological order. The guide helps you identify which diagram type best fits your research needs, ensuring you select the format that will most effectively convey your information to your audience.","q":"When should I make a flowchart versus a timeline?"},{"a":"diagram-design covers comprehensive best practices including layout principles, element spacing, and alignment techniques. Key recommendations include organizing elements hierarchically, maintaining consistent spacing between components, and using clear visual grouping. The guide emphasizes planning before you start drawing, selecting appropriate diagram types for your content, and applying consistent styling to enhance clarity. These practices ensure your diagrams are both visually professional and easy to understand.","q":"What are the best practices for diagram design?"},{"a":"diagram-design provides specific techniques for layout, spacing, and element arrangement in Excalidraw. Proper spacing prevents visual clutter and improves readability. The guide teaches alignment strategies to create organized, professional-looking diagrams. It covers grouping related elements together, maintaining consistent distances between components, and using visual hierarchy to guide viewers through your diagram logically. These arrangement techniques are essential for creating clear, effective research visualizations.","q":"How should I arrange elements and handle spacing in Excalidraw?"},{"a":"diagram-design provides recommendations for consistent color and styling conventions to apply across your diagrams. The guide helps you select appropriate color palettes that enhance clarity without overwhelming viewers. It covers styling choices like line types\u2014including when to use dashed versus solid arrows\u2014and how to maintain visual consistency. These styling conventions ensure your diagrams look professional and help viewers quickly understand the relationships and flow within your research visualizations.","q":"What colors and styling should I use in my diagrams?"},{"a":"diagram-design includes guidance on streamlining your Excalidraw workflow using MCP tools. The guide helps you work more efficiently by establishing a clear process from planning through final grouping and styling. By following the structured workflow and applying best practices consistently, you can create professional research diagrams faster. Mastering element organization, spacing techniques, and styling conventions reduces iteration time and helps you produce high-quality visualizations with less effort.","q":"How can I optimize my Excalidraw workflow for efficient diagram creation?"}],"shadow_tags":["visual-communication","research-visualization","layout-principles","diagram-types","element-styling","spatial-organization","information-hierarchy","design-patterns","workflow-optimization"],"summary_rewrite":"This guide covers when and how to create effective research diagrams using Excalidraw MCP tools. It provides a structured workflow from planning through grouping, along with specific recommendations for diagram types, layout patterns, color schemes, and element styling to ensure clarity and consistency."},"files":[{"bytes":3910,"path":"apps/deepresearch/skills/diagram-design/SKILL.md","sha256":"a186b9ed02a846e9d2ccc1663a48e944167a3c09f804d4ce318be131e7ac7c5c","url":"https://skillfed.io/files/vstorm-co/pydantic-deepagents/diagram-design/b22a9a79/SKILL.md"}],"id":"vstorm-co/pydantic-deepagents/diagram-design","links":{"html":"https://skillfed.io/vstorm-co/pydantic-deepagents/diagram-design","md":"https://skillfed.io/vstorm-co/pydantic-deepagents/diagram-design.md","repo":"https://github.com/vstorm-co/pydantic-deepagents"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":115,"language":"Python","last_updated":"2026-07-27","license":"MIT","name":"diagram-design","publisher":"vstorm-co","stars":1007},"relations":{"similar":[{"id":"lingzhi227/agent-research-skills/excalidraw-skill"},{"id":"yctimlin/mcp_excalidraw/excalidraw-skill"},{"id":"nimbalyst/nimbalyst/excalidraw"},{"id":"PracticalSwan/agent-skills/excalidraw-diagram-generator"},{"id":"aws-samples/sample-strands-agent-with-agentcore/excalidraw"},{"id":"NousResearch/hermes-agent/excalidraw"},{"id":"moltis-org/moltis/excalidraw"},{"id":"Aradotso/mcp-skills/excalidraw-mcp-server"},{"id":"graniet/kheish/excalidraw"},{"id":"kv0906/pm-kit/excalidraw"}]},"slug":{"owner":"vstorm-co","repo":"pydantic-deepagents","skill":"diagram-design"},"version":"b22a9a79"}