Design UX flows, wireframes, and WCAG-compliant component specs for web and mobile.
npx skills add https://github.com/grasberg/sofia --skill ux-designer-grasberg
Please help me install this Agent Skill. Skill: ux-designer Source: https://github.com/grasberg/sofia/tree/main/workspace/skills/ux-designer Command: npx skills add https://github.com/grasberg/sofia --skill ux-designer-grasberg
UX design is often fragmented across flows, wireframes, accessibility constraints, and handoffs; this skill unifies user-centric design practices into actionable system guidelines that speed up reviews and ensure WCAG-compliant interfaces.
Provide a complete onboarding flow with wireframes, a design-system outline, and WCAG-compliant accessibility checks.
High-intent search queries and answers about installing and using this skill.
Design accessible user flows by mapping complete journeys and applying WCAG 2.1 AA checks for keyboard navigation, screen reader support, color contrast, and focus management to ensure compliance across web and mobile interfaces.
The best way to translate wireframes into CSS and Tailwind is generating design system specifications for spacing, typography, and color tokens, producing maintainable style guides for design-to-code handoff.
Evaluate usability heuristics by reviewing interaction designs against Nielsen's heuristics to identify user friction and cognitive load, producing actionable system guidelines to improve overall user experience.
Yes, this UX design process supports responsive layouts by applying a mobile-first approach with progressive enhancement, ensuring interfaces scale correctly across tablet and desktop breakpoints.
Yes, you can build design system specifications including components, spacing, typography, color tokens, and interaction states, unifying user-centric design practices into actionable system guidelines.
Avoid automated UX heuristics evaluation when you need subjective emotional design feedback or when designing highly experimental interfaces without established interaction patterns or standard component flows.
asalhamedAnalyze user needs into personas, journey maps, and usability requirements.
k2worksReview UI/UX deliverables for usability, accessibility, and Material Design 3 compliance.
alo-expGenerate developer handoff specs with layout, tokens, component props, states, breakpoints, and accessibility notes from Figma URLs or descriptions.
nimadorostkarAudit web interfaces for WCAG 2.2 AA conformance.
