Draw.io Diagrams
Editable Draw.io architecture skill for AWS/system-design diagrams with official icon support — production docs from a prompt.
Overview
Draw.io (diagrams.net) skills generate editable architecture diagrams for AWS and general system design. Best when stakeholders need to tweak layouts in the Draw.io UI after the agent drafts the first version.
Work with LimeDock
Using this skill? LimeDock can wire it into a durable automation you own.
Skills show what's possible. LimeDock builds and runs the owned marketing, sales, and ops automations around them.
We sell owned automations for SaaS teams — live workflows that plug into Slack, CRM, and your internal platform — not just a skill list.
Link
Installation guide
Install a Draw.io / diagrams.net agent skill from your marketplace (search “drawio” or “diagrams.net” in Claude Code plugins). Ensure the skill can write `.drawio` or `.drawio.svg` files into the repo.
How to use it
Prompt with the workflow (Client → Step Functions → Lambda → S3). Ask for official AWS icons and PNG/SVG export. Open the `.drawio` file for manual polish.
Example prompts
- “Create an AWS architecture diagram for Client → Step Functions → Lambda → S3. Use official AWS icons and export as PNG.”
- “Draft a Draw.io system context diagram for our multi-tenant SaaS.”
- “Revise the diagram to add a dead-letter queue and event bus.”
Use cases and examples
- Production architecture diagrams for design reviews
- AWS icon-accurate infrastructure documentation
- Hand off editable diagrams to non-engineers
- Export PNG for slide decks and RFCs
Prerequisites
- Draw.io desktop or diagrams.net for editing outputs
- Agent skill that emits Draw.io XML/SVG
Tips
- Roundup recommendation: Draw.io for production; Excalidraw for speed; PlantUML for git-native UML.
- Keep source `.drawio` in git when possible.