Design & UX

UI, UX, design systems, accessibility, visual design, and frontend polish

skills in category: 7,235
pages available: 302

Security grades appear on each card once the skill has been scanned. Newly imported skills may briefly show without a grade until the backfill job runs.

Open in full browser

Browse design & ux skills

Showing 73–96 of 7,235 skills

Spacing SystemACreate a consistent spacing system based on a base unit with contextual application rules.designVotes: 0GitHub stars: 158
Search UxADesign search experiences that help users find what they need, recover from failure, and refine results.designgoVotes: 0GitHub stars: 158
Responsive DesignADesign adaptive layouts and interactions that work across all screen sizes and input methods.designVotes: 0GitHub stars: 158
Readable MeasureASet optimal line lengths for readability across typography scales and responsive layouts.designVotes: 0GitHub stars: 158
Pattern LibraryAStructure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.designgoVotes: 0GitHub stars: 158
Orphan Pages Internal Linking OpportunitiesAAudit any domain for orphan blog pages, map internal links across all blog posts, generate keyword-backed interlinking briefs via DataForSEO, and produce a self-contained downloadable HTML report. Invoke with the target domain as the argument.designjavascriptgoVotes: 0GitHub stars: 158
Naming ConventionAEstablish a naming convention system for design elements, components, and tokens with clear rules and examples.designgoreactVotes: 0GitHub stars: 158
Motion SystemADefine a motion system with duration tokens, easing vocabulary, and reduced-motion handling for consistent animation across a product.designgospringVotes: 0GitHub stars: 158
Millers LawAApply Miller's Law — chunk information into groups of ~4 to work within working memory limits.designgoVotes: 0GitHub stars: 158
Micro Interaction SpecASpecify micro-interactions with trigger, rules, feedback, and loop/mode definitions.designperformanceVotes: 0GitHub stars: 158
Localization DesignADesign interfaces that adapt gracefully to multiple languages, writing directions, and cultural contexts.designgodocumentationVotes: 0GitHub stars: 158
Loading StatesADesign loading, skeleton, and progressive content reveal patterns.designperformanceVotes: 0GitHub stars: 158
Law Of ProximityAApply the Law of Proximity to group related elements through spatial relationships.designVotes: 0GitHub stars: 158
Law Of Common RegionAApply the Law of Common Region to group elements using containers, backgrounds, and boundaries.designVotes: 0GitHub stars: 158
Journey MapACreate an end-to-end user journey map with stages, touchpoints, emotions, pain points, and opportunity areas. Use when mapping the full user experience for a product, feature, or service.designgoVotes: 0GitHub stars: 158
Interfaces That FeelAApply an emotional resonance lens to any UI. Use when a design is technically correct but flat — to identify what's missing and prescribe specific changes at the copy, motion, and interaction layer.designgospringVotes: 0GitHub stars: 158
Icon SystemACreate an icon system specification covering grid, sizing, naming, categories, and implementation guidance.designgoVotes: 0GitHub stars: 158
Handoff SpecACreate developer handoff specifications with measurements, behaviors, assets, and edge cases.designapiperformanceVotes: 0GitHub stars: 158
Gesture PatternsADesign gesture-based interactions for touch and pointer devices.designVotes: 0GitHub stars: 158
Form DesignADesign forms that minimize friction, prevent errors, and guide users to successful completion.designgoVotes: 0GitHub stars: 158
Fitts LawAApply Fitts's Law to size and position interactive targets for fast, accurate interaction.designVotes: 0GitHub stars: 158
Feedback PatternsADesign system feedback for user actions including confirmations, status updates, and notifications.designgoVotes: 0GitHub stars: 158
Experience MapACreate a holistic experience map showing the full ecosystem of user touchpoints, channels, and relationships.designrustgitVotes: 0GitHub stars: 158
Empathy MapABuild a 4-quadrant empathy map (Says, Thinks, Does, Feels) to synthesize user research into actionable insights. Use when you need to quickly capture and share user understanding across the team.designrustgoVotes: 0GitHub stars: 158