Skip to content
Development
Skill

/runner-new

Scaffold a new endless-runner game folder from a control template (ski|moto|ski-side|wing|loop). Trigger `/runner-new <slug> --template <id>`.

From plugin
agentic-awesome-kits
1032 skills

Claude Code

$ npx -y skills add KhaiTrang1995/agentic-awesome-kits --skill runner-new --agent claude-code

SKILL.md

runner-new.SKILL.md
name: runner-new
description: Scaffold a new endless-runner game folder from a control template (ski|moto|ski-side|wing|loop). Trigger `/runner-new <slug> --template <id>`.
user-invocable: true
argument-hint: "<slug> --template <id> [--title \"NAME\"]"

/runner-new — Scaffold a game

Goal

Create `games/{slug}/index.html` + `game.js` from the closest demo/template, with unique storage keys and themed CSS variables.

Input examples

/runner-new skate --template wing --title "SKATE RUSH"
/runner-new toboggan --template ski
/runner-new night-lane --template moto --title "NIGHT LANE"

Process

1. Resolve `--template` (required). Unknown → list ids and stop. 2. Slugify name; refuse if `games/{slug}/` already exists unless user confirms overwrite (L2). 3. **L1 plan** — list files (`@../../rules/approval-gate.md`). 4. Copy structure from:

  • Live engine demos: `demos/runner-kit-3d/games/{template}/` when present in repo, **or**
  • Kit `_templates/` stubs + fill from `@../../../references/control-patterns.md`

5. Replace title, CSS `--accent` / `--bg`, storage keys (`{slugcompact}-scores`, `-best`, `-name`). 6. Ensure `game.js` imports from `../../kit/index.js` (or correct relative path). 7. Report next steps: `npm run dev`, open `/games/{slug}/`, optional hub card.

Output

games/{slug}/
  index.html
  game.js

Mandatory rules

  • Unique leaderboard keys
  • No mid-game mesh allocation patterns
  • Keep `window.__game` for debug if template had it
  • Fonts: Be Vietnam Pro + Outfit (Vietnamese-safe)

References

  • @../../rules/runner-conventions.md
  • @../../rules/naming-conventions.md
  • @../../rules/approval-gate.md
  • @../../../_templates/
  • @../../../references/control-patterns.md
Read more
@khaitrang1995
Ships withagentic-awesome-kits

Reusable AI Skill Kits for coding agents (Claude Code and any other subagent/slash-command-compatible tool).

Stars on GitHub

Momentum

stars in total
10
Star history of KhaiTrang1995/agentic-awesome-kits on GitHub, a chart by star-history.com

Other skills on agentic-awesome-kits.

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills11d309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc13d293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react2d252k
@facebook@facebookInstall Skill

Questions about runner-new.

Which coding agents can use runner-new?
runner-new installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.