skills.rest
greglas75
greglas75COMMUNITY
Explore all skills by this author →
GitHub

ui-design-team

Reviews UI components with four specialist agents covering UX, visual design, i18n, and accessibility.

6|Updated Mar 27, 2026
Search Tags:#accessibility#multi-agent#design tokens#ui review#wcag#i18n#ux audit
One-click install
npx skills add https://github.com/greglas75/zuvo --skill ui-design-team-greglas75
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-design-team
Source: https://github.com/greglas75/zuvo/tree/main/skills/ui-design-team
Command: npx skills add https://github.com/greglas75/zuvo --skill ui-design-team-greglas75

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Reviewing a UI component thoroughly requires expertise across UX, visual design, internationalization, and accessibility, which a single reviewer rarely covers consistently. This Skill runs four specialist agent perspectives in parallel and synthesizes their scores into a prioritized fix list with exact code for your stack. ## Core Features & Use Cases - Multi-Agent Review: Dispatches a UX Researcher, Visual Designer, i18n/Multilingual QA, and Accessibility/Performance Auditor, each scoring their domain from 1-5. - Stack-Adaptive Fixes: Auto-detects Tailwind, CSS-in-JS tokens, vanilla CSS, or Astro and generates fixes using your project's actual tokens and conventions. - Prioritized Output: Lead Designer synthesis produces P0 blocking issues, P1 important fixes, and P2 backlog items, with optional --fix flag to apply top fixes automatically. - Use Case: Before merging a new checkout form built with React and Tailwind, run the review to catch missing focus rings, hardcoded hex values, German text overflow, and touch targets below 44px in one pass. ## Quick Start Ask the assistant to run the ui-design-team review on your component file, optionally with the --screenshot, --mobile, or --fix flags.

Frequently Asked Questions about ui-design-team

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

FAQPage Schema
How do I review a UI component for UX and accessibility issues?▼

Run the ui-design-team skill with the component file path as an argument. It dispatches four specialist agents that score UX, visual design, i18n, and accessibility, then synthesizes a prioritized fix list with exact code.

What does a multi-agent UI design review check?▼

It checks cognitive load and mobile usability, design token compliance and interaction states, text overflow with German and CJK strings plus RTL support, and WCAG contrast, keyboard navigation, and Core Web Vitals risks.

Does this UI review work with Tailwind and React projects?▼

Yes, it auto-detects Tailwind, CSS-in-JS tokens, vanilla CSS, and Astro setups, plus frameworks like React and Next.js. Fixes are generated using your detected stack's conventions, such as Tailwind classes or token references.

Can the review automatically apply the fixes it finds?▼

Yes, passing the --fix flag makes the Lead Designer apply the top 3 P0 priority fixes directly after the report. Without the flag, it only presents the fix list for your review.

When should I use this instead of a full design system audit?▼

Use it for deep qualitative review of a single component, page, or layout. For codebase-wide consistency audits use design-review, and for creating a design system from scratch use the design skill instead.

Related Skills

Explore More Design & Creative Skills→
DanSnowDanSnow
2

design-extractor

Audit frontend codebases for design token and component extraction opportunities.

Community
Advanced
ElvinOuyangElvinOuyang

adversarial-review-cycle

Run two-pass adversarial reviews with severity classification and ship-or-spin gating.

Community
Advanced
wordshepherdwordshepherd

manual-qa

Capture desktop, mobile, and dark mode screenshots while checking console and network errors.

Official
Advanced
arbisoftarbisoft
4

design-system

Generate and audit design tokens with JSON and CSS outputs.

Official
Intermediate