Architecture Diagrams Skill

Create professional animated software architecture diagrams using the Excalimate MCP server.

Workflow

1. Identify Components: Determine system elements (services, databases, clients, queues, etc.)
2. Choose Layout Pattern: Select from 3-tier, microservices, event-driven, or hexagonal
3. Create Scene: Use create_scene with components positioned on 250×180px grid
4. Animate Layer-by-Layer: Reveal architecture progressively with add_keyframes_batch
5. Set Camera & Clip: Position camera and set clip range for optimal viewing

Component Vocabulary

Use these standard components with consistent styling and bound labels: