Menu
Generate flowchart .drawio from a process description — start/end, process, decision, standard mxGraph, opens directly in draw.io.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional SOC
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 system architecture .drawio diagrams — client, service, database, external systems with standard icons and clear connections.
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.
| name | flowchart |
| description | Generate flowchart .drawio from a process description — start/end, process, decision, standard mxGraph, opens directly in draw.io. |
| user-invocable | true |
| argument-hint | <process description> [--direction top-down|left-right] |
Visualize a business process or control flow (business process, algorithm, approval flow) as a professional diagram editable in draw.io.
/flowchart leave request approval: submit request → manager approve → HR approve → confirm
/flowchart container search flow: enter keyword → validate → query DB → results? → display / empty state
/flowchart --direction left-right CI/CD process: push code → build → test → deploy
Identify steps by type:
Print node list + planned positions as a table before generating XML:
# | Type | Content | Position (x,y)
1 | Start | Start | (360, 40)
2 | Process | Enter keyword | (360, 140)
3 | Decision | Keyword valid? | (360, 260)
...
User reviews layout → Phase 3.
Use _templates/flowchart.drawio as the frame, apply:
drawio-conventions.md sections 2–3exitX/exitY/entryX/entryY, Yes/No labels on decision branchesdocs/diagrams/{feature}/flowchart-{sub-slug}.drawio).--direction default top-down).docs/diagrams/{feature}/flowchart-{slug}.drawio
Need sequence diagram, ERD, UML class, C4 model, or processes >15 steps that need auto-layout instead of manual child-flowchart splits → use /diagram (more powerful, requires draw.io desktop CLI).
DRAWIO-BRAIN.md