team-ui

Coordinates UX-designer and UI-programmer agents to implement WCAG 2.1 AA compliant interface features from wireframes to code review.

70|42|Updated Mar 27, 2026
One-click install
npx skills add https://github.com/tranhieutt/software_development_department --skill team-ui-tranhieutt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: team-ui
Source: https://github.com/tranhieutt/software_development_department/tree/main/.claude/skills/team-ui
Command: npx skills add https://github.com/tranhieutt/software_development_department --skill team-ui-tranhieutt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides structured orchestration so UX and UI specialists work in lockstep, avoiding fragmented handoffs and ensuring every interface feature goes from concept to production with consistent quality and accessibility.

Core Features & Use Cases

  • Pipeline governance: Guides ux-designer and ui-programmer through design, visual polish, implementation, review, and polish phases with mandatory decision checkpoints and user approvals.
  • Quality enforcement: Captures accessibility, localization, data binding, keyboard navigation, and WCAG 2.1 AA requirements while keeping UI presentation decoupled from application state.
  • Use Case: Launch a new feature by delegating flows, wireframes, visual tokens, implementation standards, and parallel reviews to keep the UI team synchronized.

Quick Start

Use the team-ui skill to coordinate the ux-designer and ui-programmer for your next interface feature.

Frequently Asked Questions about team-ui

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

FAQPage Schema
How do I coordinate UX and UI teams to ship a polished interface feature?

Coordinate UX and UI teams by orchestrating subagents through mandatory design, visual polish, implementation, and review checkpoints to ensure synchronized, review-ready interface deliverables.

How does team-ui enforce accessibility and WCAG 2.1 AA compliance during UI development?

Accessibility enforcement captures WCAG 2.1 AA requirements, keyboard navigation, and localization standards during the UI implementation and quality review phases to ensure compliant deliverables.

Can I use this skill for user interface features requiring both wireframes and code quality reviews?

Yes, this skill guides feature design from wireframes through implementation by delegating flows, visual tokens, and parallel code quality reviews to keep UX and UI specialists synchronized.

What is the best way to manage handoffs between ux-designer and ui-programmer?

Manage handoffs using structured pipeline governance with decision checkpoints and user approvals, avoiding fragmented transitions by keeping UI presentation decoupled from application state.

Does this skill support parallel reviews for visual design and implementation standards?

Yes, the skill supports parallel reviews by delegating visual design tokens and implementation standards to subagents, ensuring both visual and code quality are evaluated simultaneously.

Why does my UI feature pipeline need mandatory decision checkpoints?

Mandatory decision checkpoints ensure user approvals are captured at each phase, preventing unsynchronized work and maintaining consistent quality from concept to production.