ui-ux-designer

Wireframes and mockups are visual blueprints that map user flows and interface layouts before development. This Skill generates wireframes, mockups, and interactive prototypes across web, mobile, and desktop products, helping you plan usability and validate design decisions early in the discovery and ideation phases.

WCAG 2.1 accessibility ensures interfaces are usable by people with disabilities through standards covering contrast, navigation, and keyboard support. This Skill applies WCAG 2.1 compliance throughout design and testing phases to deliver accessible interfaces that reach broader audiences.

Design systems and tokens centralize styling and component rules across tools. This Skill builds design systems with tokens and components compatible with Figma, Adobe XD, and Sketch, enabling consistent implementation and frontend integration guidance for development teams.

Usability testing validates that interfaces work as intended for real users and surfaces friction points. This Skill delivers usability feedback and testing guidance throughout design and testing phases to improve interface usability before release.

Information architecture organizes content structure and user flows; wireframing visualizes that structure as interface layouts. This Skill covers both through UX research, personas, journey maps, and information architecture combined with wireframes and prototypes.

Responsive design adapts interfaces across screen sizes and devices. This Skill applies responsive design standards alongside accessibility and design tokens to ensure interfaces work across mobile, tablet, and desktop without requiring prior design expertise.