skills.rest
XGanQAQ
XGanQAQCOMMUNITY
Explore all skills by this author →
GitHub

team-ui

Orchestrate UI development from UX spec through implementation and accessibility review.

1|Updated May 5, 2026
Search Tags:#accessibility#claude code#visual design#interaction patterns#ui pipeline#ux spec#engine ui
One-click install
npx skills add https://github.com/XGanQAQ/Unity-Claude-Code-Game-Studios --skill team-ui-xganqaq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: team-ui
Source: https://github.com/XGanQAQ/Unity-Claude-Code-Game-Studios/tree/main/.claude/skills/team-ui
Command: npx skills add https://github.com/XGanQAQ/Unity-Claude-Code-Game-Studios --skill team-ui-xganqaq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It turns a vague UI request into a coordinated, end-to-end workflow that produces a spec, visual direction, implementation guidance, reviews, and polish with accessibility and interaction patterns included.

Core Features & Use Cases

  • UX spec orchestration: Gathers game and UX context, then generates a feature- or HUD-specific UX spec using the correct studio templates.
  • Multi-stream review gates: Runs UX review and parallel visual/accessibility checks, requiring approval before implementation proceeds.
  • Engine-aware implementation handoff: Selects an engine UI specialist to translate UX/visual specs into engine-specific implementation guidance, then delegates UI implementation to a UI programmer.
  • Accessibility and input coverage: Ensures keyboard and gamepad navigation plus accessibility compliance based on the committed tier, and flags violations as blockers.
  • Interaction pattern management: Enforces reuse of design/ux/interaction-patterns.md and updates it when new patterns are introduced during implementation.

Quick Start

Invoke team-ui with your UI feature description to generate the UX spec, run review gates, implement the UI, and deliver a final polished result with accessibility checks.

Frequently Asked Questions about team-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I orchestrate a full UI development pipeline from UX spec to implementation?▼

You can orchestrate a full UI development pipeline by using a phase-gated workflow that gathers game context, generates a UX spec, runs multi-stream visual and accessibility reviews, then delegates engine-specific implementation to subagents.

What is the best way to ensure game UI accessibility compliance for keyboard and gamepad input?▼

The best way to ensure UI accessibility compliance is through dedicated review gates that validate keyboard and gamepad navigation, flagging any input method violations as blockers before implementation proceeds.

How do I manage interaction patterns during game UI development?▼

To manage interaction patterns, you enforce the reuse of a centralized interaction patterns markdown file and update it whenever new patterns are introduced during the UI implementation phase.

Can I generate engine-specific UI implementation guidance from a UX spec?▼

Yes, you can translate committed UX and visual specs into engine-specific implementation guidance by delegating the handoff to an engine UI specialist subagent before programming begins.

Does the UI pipeline require approval before moving from design to programming?▼

Yes, the UI pipeline requires explicit user approval at phase gates, running parallel visual and accessibility checks after UX spec authoring before implementation can proceed.

Why do I need localization-aware text handling for game UI screens and HUD elements?▼

You need localization-aware text handling to properly process UI text strings across screens and HUD elements, ensuring the coordinated studio setup manages localization correctly during implementation.

Related Skills

Explore More Design & Creative Skills→
solace-illsolace-ill

team-ui

Coordinate UI team workflow across the UX pipeline from spec authoring to polish.

Community
Advanced
dhamijadhamija

ux-design

Apply core UX design principles to interface and screen specifications.

Community
Basic
Euraika-LabsEuraika-Labs
14

team-ui

Orchestrate multi-role UI workflows for game projects from specification to polish.

Official
Advanced
tomada1114tomada1114
4

ui-ux-designing

Creates design-concept documents for app and web service UI/UX.

Community
Intermediate