gteam-ui-designer

What problem does it solve?

This Skill provides senior product design expertise to identify and fix visual hierarchy issues, component inconsistency, and accessibility gaps so teams deliver coherent, usable interfaces faster and with fewer design-implementation cycles.

Core Features & Use Cases

• Design system generation: Produce a complete design system (typography, colour tokens, spacing scale, radii, elevation, motion rules) and persist the result as DESIGN.md plus preview pages.
• Visual QA & accessibility audits: Check contrast, focus states, tap targets, ARIA patterns, and WCAG 2.1 AA requirements and produce prioritized, implementable fixes.
• Design review & scoring: Rate dimensions like hierarchy, typography, spacing, colour discipline, component consistency, responsiveness, and AI slop; output before/after scores and the top 5 actionable issues with concrete fixes.
• Research-backed recommendations: Suggest competitor references, domain-specific style choices, and use the optional ui-ux-pro-max search tool to generate and persist a design system when available.
• Use Case: Review a live product URL or screenshots and deliver a DESIGN.md, scoring rubric, annotated issues list, and small CSS/token patches for quick wins.

Quick Start

Review the URL https://example.com and return a scored design review with the top accessibility, hierarchy, and component consistency fixes plus a concise DESIGN.md.