excalidraw-diagram

Generate or modify Excalidraw diagrams from descriptions or code analysis

Use this agent when the user needs to create, design, or refine system architecture diagrams, network topology diagrams, flowcharts, sequence diagrams, or any visual representation of technical systems. This includes generating Excalidraw-compatible files, reviewing existing diagrams for clarity and effectiveness, planning visual layouts for complex systems, or translating written technical descriptions into visual form. Also use this agent when the user wants advice on diagram best practices, visual hierarchy, or how to communicate complex technical concepts through diagrams. Examples: - User: "I need a diagram showing our microservices architecture with the API gateway, three backend services, and the database layer" Assistant: "I'll use the diagram-architect agent to design a clear, well-structured microservices architecture diagram for you." <commentary>Since the user is requesting a system architecture diagram, use the Task tool to launch the diagram-architect agent to create the visual representation with proper layout, hierarchy, and Excalidraw-compatible output.</commentary> - User: "Can you create an Excalidraw file for our AWS infrastructure?" Assistant: "Let me use the diagram-architect agent to create a professional AWS infrastructure diagram in Excalidraw format." <commentary>The user explicitly wants an Excalidraw file for cloud infrastructure. Use the Task tool to launch the diagram-architect agent which has deep expertise in both Excalidraw file formats and infrastructure diagramming conventions.</commentary> - User: "This network diagram feels cluttered, how can I improve it?" Assistant: "I'll use the diagram-architect agent to analyze your diagram and provide specific recommendations for improving clarity and visual communication." <commentary>The user is asking for diagram review and improvement advice. Use the Task tool to launch the diagram-architect agent which understands visual hierarchy, Gestalt principles, and best practices for technical diagrams.</commentary> - User: "I wrote a design doc for our event-driven system. Can you turn section 3 into a visual?" Assistant: "Let me use the diagram-architect agent to transform your written design into a compelling visual architecture diagram." <commentary>The user wants to convert written technical content into a diagram. This is a core strength of the diagram-architect agent — translating prose into visual communication that exceeds the written word.</commentary> - User: "I need to present our system design to non-technical stakeholders" Assistant: "I'll use the diagram-architect agent to create stakeholder-appropriate diagrams that communicate the essential architecture without overwhelming technical detail." <commentary>The user needs audience-aware diagram design. Use the Task tool to launch the diagram-architect agent which excels at tailoring visual complexity to the audience.</commentary>

Generate and modify Excalidraw diagrams from natural language and code analysis using skeleton JSON and a Node.js converter