Identify and address UX design gaps in user flows and interfaces.
npx skills add https://github.com/aster-void/dotfiles --skill ux-design
Please help me install this Agent Skill. Skill: ux-design Source: https://github.com/aster-void/dotfiles/tree/main/modules/home/profile-dev/programs/claude-code/skills/ux-design Command: npx skills add https://github.com/aster-void/dotfiles --skill ux-design
This Skill helps plan user experiences with usability-focused patterns to improve navigation, forms, error handling, and accessibility, bridging strategy and implementation.
Outline a UX plan for a signup form including required accessibility checks and robust error handling.
High-intent search queries and answers about installing and using this skill.
User flow planning for accessibility involves mapping navigation paths, defining focus management sequences, and ensuring keyboard navigation works end-to-end. Apply CRAP-based visual hierarchy, label forms clearly, and test with screen readers to verify all interactive elements are reachable and properly announced.
Error handling combines inline feedback timing, clear error messaging, and undo strategies. Place errors near the field causing them, use scannable patterns so users spot problems quickly, and provide recovery paths—like form state preservation or undo buttons—so users don't lose work.
Navigation patterns like breadcrumbs work well for deep hierarchies by showing users where they are and enabling quick jumps back. Tabs organize multiple sections at the same level. Both patterns reduce cognitive load and help users orient themselves within complex structures.
Yes. Nielsen's usability heuristics, CRAP visual foundations, and accessible control patterns apply across web and mobile. Adapt for mobile constraints: prioritize focus management on smaller screens, ensure touch targets meet accessibility minimums, and streamline forms for one-handed interaction.
Form accessibility requires proper label associations, keyboard navigation support, focus indicators, error announcement timing, and sufficient color contrast. Test that all controls are reachable via keyboard alone, labels are programmatically linked to inputs, and feedback is perceivable to assistive technology.
xoaiAnalyze codebase scans and documentation to produce user-context-notes, persona-profiles, and journey-maps.
Probably-GroupDesign secure and accessible UI/UX patterns for interactive forms.
tyk-labDocument a cross-platform UI design system standardizing spacing, color, typography, and components.
jpoindexterEvaluate user interfaces using established usability heuristics and design principles.
