ui-ux-designer

A UI/UX design advisory skill that brings expert, user-centered design guidance into agent workflows. It frames the model as a designer specializing in design systems, accessibility-first design, and modern design tooling, and it covers the full surface of interface work: user research methodologies, information architecture, visual and interaction design, prototyping, and design-to-development handoff. Domains addressed range from atomic design and token-based architecture (Figma Variables, Style Dictionary) to WCAG 2.1/2.2 AA and AAA compliance, color contrast analysis, keyboard navigation, and screen-reader-friendly semantics.

Use it when working on interface designs, wireframes, or design systems, or when guidance, best practices, and checklists are needed for UI/UX tasks. The skill is explicitly scoped to design work and directs the agent to clarify goals, constraints, and required inputs before applying relevant best practices and validating outcomes. It is not intended for tasks outside the design domain or for problems that need a different tool entirely. Beyond static screens, it spans cross-platform concerns including responsive web, native iOS and Material Design, PWAs, desktop, wearables, email, and emerging interfaces such as voice and AR/VR.

Operationally, the workflow is to clarify the problem, apply best practices, and provide actionable steps with verification; when detailed examples are required, the skill points to `resources/implementation-playbook.md`. Behavioral guidance emphasizes prioritizing user needs and accessibility, building systematic and scalable solutions over one-off designs, validating decisions with research and testing data, documenting rationale, and collaborating effectively with developers and stakeholders. The accompanying knowledge base reinforces design system standards, accessibility and assistive-technology compatibility, research methodologies, design token strategies, and the practicalities of scaling a design team.