One-click install
npx skills add https://github.com/johnatas-henrique/overdrive --skill team-ui-johnatas-henrique
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: team-ui
Source: https://github.com/johnatas-henrique/overdrive/tree/main/.opencode/skills/team-ui
Command: npx skills add https://github.com/johnatas-henrique/overdrive --skill team-ui-johnatas-henrique

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the friction of coordinating cross-functional UI teams (UX designers, programmers, art directors, accessibility specialists) through ad-hoc workflows, providing a structured, gate-reviewed pipeline that ensures UI features are consistent, accessible, and aligned with project requirements.

Core Features & Use Cases

  • Structured 5-Phase Pipeline: Guides teams through context gathering, UX spec authoring, visual design, implementation, parallel review, and polish with clear phase gates to catch issues early.
  • Configurable Review Modes: Supports full, lean, and solo review modes to fit team size and project scope, skipping unnecessary director gates for small or fast-turnaround features.
  • Built-in Compliance Guardrails: Enforces accessibility requirements, engine-specific UI best practices, and interaction pattern library maintenance to ensure consistency across all UI features.
  • Use Case: A game studio building a new in-game HUD can use this skill to coordinate the UX designer, UI programmer, and art director to deliver a fully tested, accessible HUD that matches the game's art style and supports both keyboard/mouse and gamepad input.

Quick Start

Invoke the team-ui skill with your UI feature description and preferred review mode to run the full end-to-end UI development pipeline.

Frequently Asked Questions about team-ui

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

FAQPage Schema
How do I coordinate cross-functional UI teams through a structured development pipeline?

You can orchestrate cross-functional UI teams using a structured, gate-reviewed pipeline that guides UX spec authoring, visual design, implementation, parallel review, and polish through clear phase gates to ensure consistent, accessible, and engine-compliant UI features.

What is the best way to manage game UI development across UX, art, and programming roles?

Managing game UI development requires a structured pipeline that aligns UX designers, UI programmers, and art directors through configurable review modes, enforcing accessibility compliance and interaction pattern library maintenance to deliver features matching the game's art style and input requirements.

Can I run a UI development pipeline for solo or fast-turnaround features without full team review gates?

Yes, the UI development pipeline supports configurable review modes including full, lean, and solo workflows, allowing you to skip unnecessary director gates for small or fast-turnaround features while still maintaining accessibility and engine-specific UI best practices adherence.

How does a gate-reviewed UI pipeline enforce accessibility compliance and interaction pattern consistency?

A gate-reviewed UI pipeline enforces accessibility compliance and interaction pattern library maintenance through built-in guardrails at each phase gate, ensuring cross-stakeholder alignment across UX, art, programming, and accessibility roles to catch issues early and maintain consistency across all UI features.

Does the UI team pipeline support both keyboard/mouse and gamepad input requirements?

Yes, the UI team pipeline supports both keyboard/mouse and gamepad input requirements by enforcing interaction pattern library maintenance and engine-specific UI best practices, ensuring interactive projects deliver accessible UI features that accommodate multiple input methods across cross-functional team workflows.

When should I use a structured UI pipeline instead of ad-hoc workflows for interactive projects?

You should use a structured UI pipeline instead of ad-hoc workflows when coordinating cross-functional teams including UX designers, programmers, art directors, and accessibility specialists, as it eliminates friction and ensures consistent, accessible, engine-compliant UI features aligned with project requirements.