Skip to content
Get packs

Team UI Pipeline

Runs a multi-agent UX pipeline to design, build, and review a game UI screen or HUD.

Source Download skill
Repository
Donchitos/Claude-Code-Game-Studios
Stars
32,965
Licence
MIT
Files
1 file

What it does

When invoked with a description of a screen or UI feature, this skill tells the agent to coordinate a simulated UI team: a UX designer drafts user flows and specs, a UI programmer plans implementation, an art director checks visual consistency, and an accessibility reviewer audits the result. It works through phases with decision points where the user picks from proposed options, and it writes standard spec templates along the way. It is a process guide for the agent, not a code generator on its own.

Great for

  • Game developers who want a structured UX spec and review workflow for a menu, inventory screen, or HUD
  • Studios using the Claude Code Game Studios template who want UI work routed through defined roles

Skip it if

  • Quick one-off UI snippets, since the multi-phase pipeline adds overhead (lighter tools suit small tasks better)
  • Non-game web or app UI work, because the templates and roles are built around game studio conventions
  • Projects without the referenced docs and config files, since the pipeline depends on them and may fall back to defaults with less useful results

Try asking

  • “/team-ui inventory screen”
  • “/team-ui combat HUD --review lean”
  • “/team-ui main menu --review full”
Step-by-step guide: how to use Team UI PipelineInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 1 original files, the MIT licence and an attribution note.

    team-ui.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip team-ui.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip team-ui.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Run with a clear, specific feature description and an optional --review level so the depth of review matches your needs.
  • Check the announced active set before work begins to see which agents actually run at your team.size setting.
  • Expect decision prompts at each phase; review proposals before approving them, especially in collaborative mode.

What's inside

  • SKILL.md

Redistributed unmodified from Donchitos/Claude-Code-Game-Studios under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.