Draw.io Architect

Files (1)

• SKILL.md

SKILL.md (first lines)

# When to use
Use this skill when the user asks to "visualize the architecture," "draw a flow," or "create a system diagram."

# Instructions
1. **Format:** Always output diagrams in the `mxfile` XML format used by draw.io.
2. **Naming:** Save files with the `.drawio` extension.
3. **Styling:** Use consistent styling with 'Rounded' rectangles and 'Orthogonal' connectors.
4. **Icons:** Use standard icons for common components; for cloud infrastructure, reference AWS or similar icon sets if available.
5. **Updating:** If a `.drawio` file already exists, read the XML and modify only the necessary `mxCell` elements rather than regenerating from scratch.

# Example
User: "Draw a diagram of a web app with a React frontend and a FastAPI backend."
Agent: [Generates valid <mxfile> XML and saves it to architecture.drawio]

From vivek-viswanat/dev-arsenal, MIT.

More from vivek-viswanat/dev-arsenal