القائمة
Generate flowchart .drawio from a process description — start/end, process, decision, standard mxGraph, opens directly in draw.io.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف 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