team-ui

team-ui is a skill for Claude Code, Codex from Donchitos/Claude-Code-Game-Studios. It costs 47 tokens per session (2,582 once invoked), scanned A, original, MIT.

A coordinated UX and UI workflow that takes an interface from specification through visual design, implementation, review, and polish. It connects those stages with UX design and review processes.

In plain words
What is it for?
Use it to define, design, build, review, and refine user interfaces and user experiences.
Why use it?
Interface work can lose consistency when requirements, visual design, implementation, and review happen separately. This keeps the full UI process connected from idea to finished screen.

Skill for Claude CodeCodex

About the project

Claude Code Game Studios is a setup that organizes Claude Code into a coordinated game-development team of specialized AI agents. It supports game projects across design, programming, art, audio, narrative, quality assurance, and production, with skills and workflows for coordinating that work.

Donchitos/Claude-Code-Game-Studios · 24,800 stars · on GitHub

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/donchitos/claude-code-game-studios/team-ui
Any agent
npx skills add Donchitos/Claude-Code-Game-Studios --skill team-ui
Clone the repo
git clone --depth 1 https://github.com/Donchitos/Claude-Code-Game-Studios

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for team-ui

README.md
[![agentmods](https://agentmods.dev/badge/skills/donchitos/claude-code-game-studios/team-ui.svg)](https://agentmods.dev/skills/donchitos/claude-code-game-studios/team-ui)
Your own site
<a href="https://agentmods.dev/skills/donchitos/claude-code-game-studios/team-ui"><img src="https://agentmods.dev/badge/skills/donchitos/claude-code-game-studios/team-ui.svg" alt="Measured on agentmods" height="20"></a>
Per session 47 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,582 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00047 $0.02582
Opus 5 $0.00023 $0.01291
Sonnet 5 $0.00009 $0.00516
Haiku 4.5 $0.00005 $0.00258

Measured yesterday against content hash d8aa30cbc82c, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

team-ui scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured yesterday.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

Copies of this mod

3 near-identical copies found in the catalogue:

  • team-ui — 98% identical, 5 lines differ
  • team-ui — 91% identical, 18 lines differ
  • team-ui — 88% identical, 59 lines differ
.claude/skills/team-ui/SKILL.md · 187 lines

How it starts

The opening of the file, as written. The whole thing — 187 lines — stays where its author put it; the contents beside it link to each section on GitHub.

When this skill is invoked, orchestrate the UI team through a structured pipeline.

Decision Points: At each phase transition, use AskUserQuestion to present the user with the subagent's proposals as selectable options. Write the agent's full analysis in conversation, then capture the decision with concise labels. The user must approve before moving to the next phase.

Phase 0: Resolve Review Mode

  1. If --review [mode] was passed as an argument, use that mode.
  2. Else read production/review-mode.txt — use whatever is written there.
  3. Else default to lean.

Modes:

  • full — spawn all director and lead gates as described
  • lean — skip director gates unless they are PHASE-GATE type (CD-PHASE-GATE, TD-PHASE-GATE, PR-PHASE-GATE, AD-PHASE-GATE)
  • solo — skip all director gate spawning entirely; run the skill without any agent gates

Store the resolved mode for use in all subsequent phases.

Director gate skip rule: Before spawning creative-director, art-director, or any other Tier 1/2 director for review (outside of PHASE-GATE triggers), apply the resolved mode: skip if solo mode; skip if lean mode and this is not a PHASE-GATE.

Team Composition

  • ux-designer — User flows, wireframes, accessibility, input handling
  • ui-programmer — UI framework, screens, widgets, data binding, implementation
  • art-director — Visual style, layout polish, consistency with art bible
  • engine UI specialist — Validates UI implementation patterns against engine-specific best practices (read from .claude/docs/technical-preferences.md Engine Specialists → UI Specialist)
  • accessibility-specialist — Audits accessibility compliance at Phase 4

Templates used by this pipeline:

  • ux-spec.md — Standard screen/flow UX specification
  • hud-design.md — HUD-specific UX specification
  • interaction-pattern-library.md — Reusable interaction patterns
  • accessibility-requirements.md — Committed accessibility tier and requirements

How to Delegate

Read the full file on GitHub · 187 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. yesterday First seen · 187 lines · 47 tokens per session scan A d8aa30cbc82c

Subscribe to this mod's changes

team-ui is a skill published in the GitHub repository Donchitos/Claude-Code-Game-Studios (24,800 stars, last pushed 3mo ago), licensed MIT. It adds 47 tokens to every session and 2,582 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.

Related

Other skills, from other repositories

design-shiny-ui

Design Shiny application UIs using bslib for theming, layoutcolumns for responsive grids, value boxes, cards, and custom CSS/SCSS. Covers page layouts, accessibility, and brand consistency. Use when building a new Shiny app UI from scratch, modernizing an existing app from fluidPage to bslib, applying brand theming…

pjt222/agent-almanac · 96 tokens

design-system

Dotbot CRT/retro-futuristic design system: tokens, components, patterns, and anti-patterns for the control panel UI.

andresharpe/dotbot · 30 tokens

design-expert

UI/UX design expertise — component design, design system selection, responsive layout. Includes auto-detection from package.json and Context7 integration for library docs.

nguyenthienthanh/aura-frog · 35 tokens

design-tokens

Generate a cohesive color-token system from ONE OKLCH brand hue — primary/secondary/background/foreground/muted/border with semantic light + dark, emitted as a Tailwind v4 @theme block or a CSS-variables fallback. Use when starting a design system, defining brand colors, setting up theming/dark-mode, or replacing…

nguyenthienthanh/aura-frog · 81 tokens

motion-design

Restrained, accessible web motion — Framer Motion declarative patterns and CSS-only staggered reveals for high-impact moments, always bundle-aware and reduced-motion-safe. Use when adding animation/transitions to a UI (entrance reveals, list stagger, page/route transitions, micro-interactions) or when motion feels…

nguyenthienthanh/aura-frog · 74 tokens

frontend-aesthetics

Anti-AI-slop taste layer for UI output — distinctive typography, dominant+accent color hierarchy, and implementation-matched polish. Use when building or restyling a UI/landing/component that should look designed rather than defaulted, or when the user asks for something 'beautiful', 'distinctive', 'less generic', or…

nguyenthienthanh/aura-frog · 78 tokens