Menu
Generate system architecture .drawio diagrams — client, service, database, external systems with standard icons and clear connections.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Scaffold a new endless-runner game folder from a control template (ski|moto|ski-side|wing|loop). Trigger `/runner-new <slug> --template <id>`.
Hub for 3D endless-runner games — list control templates, recommend a pattern, point to live demos and /runner-new. Trigger `/runner` or `/runner --list`.
Tune an existing runner game — CONFIG difficulty, theme CSS, bloom — without rewriting architecture. Trigger `/runner-tune <game>`.
Generate advanced .drawio diagrams (ERD, UML class/sequence, C4 model, ML/DL, mindmap/gantt/timeline via Mermaid, complex architecture) — including from existing code (Python/JS/Go/Rust), IaC (Terraform/Kubernetes/docker-compose, or live running infra), SQL DDL, or OpenAPI specs. Includes shape search across 10,000+ standard icons (AWS/Azure/GCP/Cisco/K8s/UML/BPMN), style presets, and PNG/SVG/PDF/JPG export via draw.io desktop CLI with vision self-check. Use when `/architecture` or `/flowchart` (hand-authored XML, no CLI dependency) is not enough — need high accuracy, vendor-specific icons, auto-layout for large diagrams, import from real code/infra, or image export.
Generate ERD .drawio — entities, attributes, 1-1/1-N/N-N relationships, PK/FK. Hand-authored XML with TechSphereX AI palette; complex SQL DDL → /diagram --from-sql.
Generate flowchart .drawio from a process description — start/end, process, decision, standard mxGraph, opens directly in draw.io.
| name | architecture |
| description | Generate system architecture .drawio diagrams — client, service, database, external systems with standard icons and clear connections. |
| user-invocable | true |
| argument-hint | <system description> [--cloud aws|azure|gcp|generic] |
Visualize system architecture (microservice, layered architecture, network topology) for design docs, ADRs, or stakeholder presentations.
/architecture TOPO system: Angular SPA → API Gateway → 3 microservices (Container, Booking, Auth) → SQL Server
/architecture --cloud azure deploy architecture: App Service, Azure SQL, Blob Storage, Front Door
/architecture integration flow with Customs system via REST API
List components by group:
Identify trust boundaries (internet ↔ DMZ ↔ internal) — draw with container boxes dashed=1;fillColor=none;.
Print a block diagram as table/ASCII before generating XML — confirm which groups sit inside which boundaries and the data-flow direction.
Use _templates/architecture.drawio as the frame:
ellipse+shape=cloud, shape=cylinder3, shape=umlActor, rounded=1) — opens on any machine.--cloud aws|azure|gcp: add matching stencils (shape=mxgraph.aws4.*, shape=mxgraph.azure.*) and note clearly in the output that the user must enable that shape library in draw.io.fillColor=#f5f5f5;strokeColor=#666666;).shape=cylinder3 — NEVER use a rounded rectangle for storage.docs/diagrams/{feature}/architecture-{slug}.drawio
Need real vendor icons (AWS/Azure/GCP, not core shapes), auto-layout for >15 components, draw from real Terraform/K8s/docker-compose, or export PNG/SVG/PDF → use /diagram (more powerful, requires draw.io desktop CLI).
DRAWIO-BRAIN.md