skills.rest
FrancisVarga
FrancisVargaCOMMUNITY
Explore all skills by this author →
GitHub

team-ui

Orchestrate UI production from UX spec through implementation and review.

Updated May 13, 2026
Search Tags:#accessibility#visual design#ux design#interaction patterns#hud design#ui pipeline#engine ui
One-click install
npx skills add https://github.com/FrancisVarga/the-dream-machine --skill team-ui-francisvarga
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: team-ui
Source: https://github.com/FrancisVarga/the-dream-machine/tree/main/.claude/skills/team-ui
Command: npx skills add https://github.com/FrancisVarga/the-dream-machine --skill team-ui-francisvarga

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It turns a vague UI idea into a structured, studio-grade delivery process with UX spec, visual design, implementation, and gated review—reducing missed requirements, inconsistent design, and accessibility regressions.

Core Features & Use Cases

  • Full UI pipeline orchestration: Coordinates UX spec authoring, UX review approval, visual design, engine-specific implementation guidance, UI implementation, and polish.
  • Review-mode control: Supports --review full|lean|solo to scale director gate strictness while keeping phase-gate triggers consistent.
  • Accessibility + pattern discipline: Enforces interaction pattern reuse from design/ux/interaction-patterns.md, updates the library when new patterns are created, and validates against committed accessibility requirements.

Quick Start

Run team-ui with your UI feature description, for example: /team-ui main menu HUD layout for a gamepad-first experience --review lean

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 complete UI production pipeline from UX spec to final implementation?▼

Orchestrating a UI production pipeline involves coordinating UX spec authoring, visual design, engine-specific implementation, and gated review. You can manage this end-to-end by applying phase gating with user approval and delegating tasks to discipline-specific subagents.

What is the best way to ship polished game UI screens while reusing existing interaction patterns?▼

Shipping polished game UI screens requires enforcing interaction pattern reuse from established UX libraries, validating against accessibility requirements, and applying structured phase-gate reviews to catch design inconsistencies or missed requirements.

How does review mode control work for UI design pipelines?▼

Review mode control scales director gate strictness during UI production using options like full, lean, or solo. This adjusts the rigor of the review process while keeping phase-gate triggers consistent across the pipeline.

Can I design and implement HUD components while meeting engine constraints?▼

Designing and implementing HUD components while meeting engine constraints is possible when the pipeline provides engine-specific implementation guidance and validates visual designs against committed accessibility and technical requirements.

How do I prevent accessibility regressions when building new UI features?▼

Preventing accessibility regressions when building UI features requires enforcing pattern discipline, validating new designs against committed accessibility requirements, and updating the interaction pattern library only when new patterns are formally created.

Related Skills

Explore More Design & Creative Skills→
ydnikolaevydnikolaev
8

idea-interview

Extract project information through structured stakeholder interviews into a discovery brief.

Community
Advanced
WindXRanWindXRan

team-ui

Orchestrates UX-to-implementation workflow for UI features with gated reviews.

Community
Advanced
tomada1114tomada1114
4

ui-ux-designing

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

Community
Intermediate
FrancisVargaFrancisVarga

playtest-report

Convert raw playtest notes into categorized reports with action routing.

Community
Advanced