Interface
The best skills for design-related work, like interfaces, visuals, presentations and design systems.
law-of-proximityOwl-Listener/designer-skillsGroup elements by spacing alone using the Law of Proximity in dense layouts★3.1K
law-of-proximityGroup elements by spacing alone using the Law of Proximity in dense layouts
law-of-similarityOwl-Listener/designer-skillsSignal related elements through shared color, shape or size across a layout★3.1K
law-of-similaritySignal related elements through shared color, shape or size across a layout
layout-gridOwl-Listener/designer-skillsDefine a responsive grid with columns, gutters, margins and breakpoints★3.1K
layout-gridDefine a responsive grid with columns, gutters, margins and breakpoints
loading-statesOwl-Listener/designer-skillsDesign spinners, skeletons, optimistic updates and progressive reveal for waiting★3.1K
loading-statesDesign spinners, skeletons, optimistic updates and progressive reveal for waiting
localization-designOwl-Listener/designer-skillsDesign for multiple languages, writing directions, text expansion and RTL mirroring★3.1K
localization-designDesign for multiple languages, writing directions, text expansion and RTL mirroring
micro-interaction-specOwl-Listener/designer-skillsSpecify one micro-interaction with its trigger, rules, feedback and modes★3.1K
micro-interaction-specSpecify one micro-interaction with its trigger, rules, feedback and modes
millers-lawOwl-Listener/designer-skillsApply Miller's Law by chunking fields, menus and steps into groups of about four★3.1K
millers-lawApply Miller's Law by chunking fields, menus and steps into groups of about four
navigation-patternsOwl-Listener/designer-skillsChoose and design tabs, drawers, hierarchies or hubs that match product structure★3.1K
navigation-patternsChoose and design tabs, drawers, hierarchies or hubs that match product structure
onboarding-designOwl-Listener/designer-skillsDesign first-run experiences, activation paths and time to first value★3.1K
onboarding-designDesign first-run experiences, activation paths and time to first value
parallel-conceptsOwl-Listener/designer-skillsBuild several genuinely different solutions to one problem before refining any★3.1K
parallel-conceptsBuild several genuinely different solutions to one problem before refining any
peak-end-ruleOwl-Listener/designer-skillsApply the Peak-End Rule to design memorable completion and cancellation moments★3.1K
peak-end-ruleApply the Peak-End Rule to design memorable completion and cancellation moments
platform-conventionsOwl-Listener/designer-skillsDesign to iOS and Android conventions and decide where to unify or diverge★3.1K
platform-conventionsDesign to iOS and Android conventions and decide where to unify or diverge
prototype-strategyOwl-Listener/designer-skillsChoose prototype fidelity and method to match the design question at stake★3.1K
prototype-strategyChoose prototype fidelity and method to match the design question at stake
readable-measureOwl-Listener/designer-skillsSet line length and measure for comfortable body text across sizes and breakpoints★3.1K
readable-measureSet line length and measure for comfortable body text across sizes and breakpoints
responsive-designOwl-Listener/designer-skillsDesign layouts and interactions that adapt across screen sizes and input methods★3.1K
responsive-designDesign layouts and interactions that adapt across screen sizes and input methods
search-uxOwl-Listener/designer-skillsDesign search input, zero-results states, refinement and result presentation★3.1K
search-uxDesign search input, zero-results states, refinement and result presentation
serial-position-effectOwl-Listener/designer-skillsOrder menus and steps using the Serial Position Effect for better recall★3.1K
serial-position-effectOrder menus and steps using the Serial Position Effect for better recall
state-machineOwl-Listener/designer-skillsModel component behavior as explicit states, events and transitions★3.1K
state-machineModel component behavior as explicit states, events and transitions
teslers-lawOwl-Listener/designer-skillsApply Tesler's Law to decide whether the product or the user absorbs complexity★3.1K
teslers-lawApply Tesler's Law to decide whether the product or the user absorbs complexity
ux-writingOwl-Listener/designer-skillsWrite interface copy, error messages, empty states and calls to action★3.1K
ux-writingWrite interface copy, error messages, empty states and calls to action
visual-hierarchyOwl-Listener/designer-skillsEstablish visual hierarchy with size, weight, color and position in new layouts★3.1K
visual-hierarchyEstablish visual hierarchy with size, weight, color and position in new layouts
von-restorff-effectOwl-Listener/designer-skillsMake one key action stand out using the Von Restorff Effect★3.1K
von-restorff-effectMake one key action stand out using the Von Restorff Effect
wireframe-specOwl-Listener/designer-skillsSpecify wireframe layout, content priority, component placement and annotations★3.1K
wireframe-specSpecify wireframe layout, content priority, component placement and annotations
zeigarnik-effectOwl-Listener/designer-skillsApply the Zeigarnik Effect to progress indicators, saved drafts and return hooks★3.1K
zeigarnik-effectApply the Zeigarnik Effect to progress indicators, saved drafts and return hooks
argent-lenssoftware-mansion/argentOffer several visual design variants for a screen and let a person pick one★3.1K
argent-lensOffer several visual design variants for a screen and let a person pick one
a11y-auditplugin87/ux-ui-agent-skillsAudit a UI against WCAG 2.2 AA and AAA with severity-ranked findings and fixes★3K
a11y-auditAudit a UI against WCAG 2.2 AA and AAA with severity-ranked findings and fixes
critiqueplugin87/ux-ui-agent-skillsCritique rendered UI work adversarially and list the reasons it should be rejected★3K
critiqueCritique rendered UI work adversarially and list the reasons it should be rejected
design-reviewplugin87/ux-ui-agent-skillsScore a design across six weighted dimensions using Nielsen heuristics★3K
design-reviewScore a design across six weighted dimensions using Nielsen heuristics
design-screenplugin87/ux-ui-agent-skillsDesign and build a landing page, screen or website end to end from a request★3K
design-screenDesign and build a landing page, screen or website end to end from a request
prototypeplugin87/ux-ui-agent-skillsMove an idea through fidelity levels with validation plans and usability test scripts★3K
prototypeMove an idea through fidelity levels with validation plans and usability test scripts
redesignplugin87/ux-ui-agent-skillsModernize an existing site or app UI while keeping its behavior working★3K
redesignModernize an existing site or app UI while keeping its behavior working
ux-writingplugin87/ux-ui-agent-skillsWrite UI copy for buttons, errors, empty states and notifications using a voice system★3K
ux-writingWrite UI copy for buttons, errors, empty states and notifications using a voice system
design-engineeringrohitg00/pro-workflowPolish UI motion, easing, springs and component feel so interfaces feel right★2.9K
design-engineeringPolish UI motion, easing, springs and component feel so interfaces feel right
nothing-designdominikmartn/nothing-design-skillGenerate monochrome, typographic UI in the Nothing design language on request★2.8K
nothing-designGenerate monochrome, typographic UI in the Nothing design language on request
prototype-prompt-generatorstellarlinkco/myclaudeWrite structured prompts with UI specs for web and mobile prototypes★2.7K
prototype-prompt-generatorWrite structured prompts with UI specs for web and mobile prototypes
visual-designPinvou/pinvou-agentBuild polished landing pages, banners and posters as self-contained HTML files★2.7K
visual-designBuild polished landing pages, banners and posters as self-contained HTML files
uncodixfycyxzdev/UncodixfyAvoid generic AI-looking UI patterns and build human-designed frontend code★2.7K
uncodixfyAvoid generic AI-looking UI patterns and build human-designed frontend code
threejs-game-ui-designermajidmanzarpour/threejs-game-skillsDesign game HUDs, menus, pause and settings screens with responsive touch UI★2.6K
threejs-game-ui-designerDesign game HUDs, menus, pause and settings screens with responsive touch UI
create-websitewondelai/skillsBuild a live, high-converting website message first, then design, then conversion★2.5K
create-websiteBuild a live, high-converting website message first, then design, then conversion
design-everyday-thingswondelai/skillsApply affordances, signifiers and feedback principles to make interfaces obvious★2.5K
design-everyday-thingsApply affordances, signifiers and feedback principles to make interfaces obvious
hooked-uxwondelai/skillsDesign habit-forming product loops with triggers, actions, rewards and investment★2.5K
hooked-uxDesign habit-forming product loops with triggers, actions, rewards and investment
improve-appwondelai/skillsPolish a shipped app so it fits the job, flows smoothly and reads clearly★2.5K
improve-appPolish a shipped app so it fits the job, flows smoothly and reads clearly
lean-uxwondelai/skillsRun hypothesis-driven UX with sketching and quick experiments over heavy deliverables★2.5K
lean-uxRun hypothesis-driven UX with sketching and quick experiments over heavy deliverables
microinteractionswondelai/skillsDesign micro-level UI details such as triggers, feedback and state changes★2.5K
microinteractionsDesign micro-level UI details such as triggers, feedback and state changes
refactoring-uiwondelai/skillsAudit and fix visual hierarchy, spacing, color and depth in web UIs★2.5K
refactoring-uiAudit and fix visual hierarchy, spacing, color and depth in web UIs
steve-jobs-design-reviewwondelai/skillsReview a product or design for ruthless simplicity, focus and end-to-end polish★2.5K
steve-jobs-design-reviewReview a product or design for ruthless simplicity, focus and end-to-end polish
top-designwondelai/skillsBuild immersive, award-level web designs with scroll animations and storytelling★2.5K
top-designBuild immersive, award-level web designs with scroll animations and storytelling
ux-heuristicswondelai/skillsEvaluate interface usability with Nielsen heuristics and cognitive walkthroughs★2.5K
ux-heuristicsEvaluate interface usability with Nielsen heuristics and cognitive walkthroughs
web-typographywondelai/skillsPick, pair and load web typefaces with sensible scales, line heights and fallbacks★2.5K
web-typographyPick, pair and load web typefaces with sensible scales, line heights and fallbacks
oil-uioil-oil/oil-uiExplore UI design directions, compare them side by side and refine from screenshots★2.5K
oil-uiExplore UI design directions, compare them side by side and refine from screenshots