Interface
The best skills for design-related work, like interfaces, visuals, presentations and design systems.
pulsebergside/awesome-design-skillsDesign dynamic, high-contrast interfaces with thick borders and motion★3.4K
refinedbergside/awesome-design-skillsDesign refined minimal interfaces with elegant serif type and muted palettes★3.4K
refinedDesign refined minimal interfaces with elegant serif type and muted palettes
retrobergside/awesome-design-skillsDesign throwback retro interfaces with vintage type and high-contrast palettes★3.4K
retroDesign throwback retro interfaces with vintage type and high-contrast palettes
risobergside/awesome-design-skillsDesign playful two-color risograph-print interfaces on warm off-white paper★3.4K
risoDesign playful two-color risograph-print interfaces on warm off-white paper
rokubergside/awesome-design-skillsDesign purple-themed app dashboards with top-bar nav and card layouts★3.4K
rokuDesign purple-themed app dashboards with top-bar nav and card layouts
segabergside/awesome-design-skillsDesign arcade game interfaces with pixel type and chunky pressable buttons★3.4K
segaDesign arcade game interfaces with pixel type and chunky pressable buttons
sketchbergside/awesome-design-skillsDesign friendly hand-drawn sketch interfaces with pill controls and teal accents★3.4K
sketchDesign friendly hand-drawn sketch interfaces with pill controls and teal accents
skeumorphismbergside/awesome-design-skillsDesign skeuomorphic interfaces with textured surfaces and physical metaphors★3.4K
skeumorphismDesign skeuomorphic interfaces with textured surfaces and physical metaphors
sleekbergside/awesome-design-skillsDesign sleek minimal interfaces with clean lines and consistent spacing★3.4K
spaciousbergside/awesome-design-skillsDesign airy interfaces with generous whitespace and consistent padding★3.4K
spaciousDesign airy interfaces with generous whitespace and consistent padding
squarebergside/awesome-design-skillsDesign graceful, refined interfaces with delicate type and polished layouts★3.4K
squareDesign graceful, refined interfaces with delicate type and polished layouts
stitchbergside/awesome-design-skillsDesign clean enterprise data workflows with high contrast and drag-and-drop★3.4K
stitchDesign clean enterprise data workflows with high contrast and drag-and-drop
storytellingbergside/awesome-design-skillsDesign narrative-driven interfaces that guide users through visuals and copy★3.4K
storytellingDesign narrative-driven interfaces that guide users through visuals and copy
terracottabergside/awesome-design-skillsDesign sun-baked editorial pages with serif headlines and a terracotta accent★3.4K
terracottaDesign sun-baked editorial pages with serif headlines and a terracotta accent
tetrisbergside/awesome-design-skillsDesign block-game inspired interfaces with playful colors and bold display type★3.4K
tetrisDesign block-game inspired interfaces with playful colors and bold display type
vibrantbergside/awesome-design-skillsDesign lively, colorful interfaces with bold type and warm accents★3.4K
vintagebergside/awesome-design-skillsDesign vintage interfaces with grainy textures, retro palettes and pixel type★3.4K
vintageDesign vintage interfaces with grainy textures, retro palettes and pixel type
frontend-design-reviewmicrosoft/skillsReview frontend designs for quality, accessibility and design system compliance★3.2K
frontend-design-reviewReview frontend designs for quality, accessibility and design system compliance
frontend-ui-dark-tsmicrosoft/skillsBuild dark-themed React dashboards with Tailwind, glass effects and animations★3.2K
frontend-ui-dark-tsBuild dark-themed React dashboards with Tailwind, glass effects and animations
accessibility-auditOwl-Listener/designer-skillsAudit an interface against WCAG with severity-rated findings and fixes★3.1K
accessibility-auditAudit an interface against WCAG with severity-rated findings and fixes
accessibility-test-planOwl-Listener/designer-skillsPlan accessibility testing with assistive technology users, criteria and protocol★3.1K
accessibility-test-planPlan accessibility testing with assistive technology users, criteria and protocol
aesthetic-usabilityOwl-Listener/designer-skillsJustify visual polish with the Aesthetic-Usability Effect and diagnose friction★3.1K
aesthetic-usabilityJustify visual polish with the Aesthetic-Usability Effect and diagnose friction
animation-principlesOwl-Listener/designer-skillsTune one UI animation with easing, staging and follow-through principles★3.1K
animation-principlesTune one UI animation with easing, staging and follow-through principles
conversational-uxOwl-Listener/designer-skillsDesign voice and chat interfaces with dialog flows, error recovery and persona★3.1K
conversational-uxDesign voice and chat interfaces with dialog flows, error recovery and persona
critique-affordanceOwl-Listener/designer-skillsCritique what looks clickable, state visibility and CTA clarity on a rendered screen★3.1K
critique-affordanceCritique what looks clickable, state visibility and CTA clarity on a rendered screen
critique-brand-consistencyOwl-Listener/designer-skillsCheck a rendered screen against brand mood, voice and token files for consistency★3.1K
critique-brand-consistencyCheck a rendered screen against brand mood, voice and token files for consistency
critique-colorOwl-Listener/designer-skillsCritique a screen's color, contrast ratios, palette coherence and semantic meaning★3.1K
critique-colorCritique a screen's color, contrast ratios, palette coherence and semantic meaning
critique-compositionOwl-Listener/designer-skillsCritique a screen's balance, whitespace, rhythm and grouping when layouts feel off★3.1K
critique-compositionCritique a screen's balance, whitespace, rhythm and grouping when layouts feel off
critique-information-densityOwl-Listener/designer-skillsCritique a screen's density, cognitive load and content prioritization★3.1K
critique-information-densityCritique a screen's density, cognitive load and content prioritization
critique-typographyOwl-Listener/designer-skillsCritique a screen's type scale, readability, consistency and token compliance★3.1K
critique-typographyCritique a screen's type scale, readability, consistency and token compliance
critique-visual-hierarchyOwl-Listener/designer-skillsCritique where a screen's eye flow, emphasis and weight distribution land★3.1K
critique-visual-hierarchyCritique where a screen's eye flow, emphasis and weight distribution land
dark-mode-designOwl-Listener/designer-skillsAdapt a light palette to dark mode with elevation, contrast and desaturation rules★3.1K
dark-mode-designAdapt a light palette to dark mode with elevation, contrast and desaturation rules
design-critiqueOwl-Listener/designer-skillsRun a structured team critique with framing, feedback rules and actionable outcomes★3.1K
design-critiqueRun a structured team critique with framing, feedback rules and actionable outcomes
design-rationaleOwl-Listener/designer-skillsWrite design rationale that ties decisions to user needs, goals and principles★3.1K
design-rationaleWrite design rationale that ties decisions to user needs, goals and principles
design-review-processOwl-Listener/designer-skillsSet design review gates, criteria, checkpoints and an approval flow for shipped work★3.1K
design-review-processSet design review gates, criteria, checkpoints and an approval flow for shipped work
doherty-thresholdOwl-Listener/designer-skillsApply the Doherty Threshold to keep system responses under 400ms★3.1K
doherty-thresholdApply the Doherty Threshold to keep system responses under 400ms
error-handling-uxOwl-Listener/designer-skillsDesign error prevention, detection and recovery across a product's flows★3.1K
error-handling-uxDesign error prevention, detection and recovery across a product's flows
feedback-patternsOwl-Listener/designer-skillsDesign confirmations, status updates and notifications that show an action registered★3.1K
feedback-patternsDesign confirmations, status updates and notifications that show an action registered
fitts-lawOwl-Listener/designer-skillsApply Fitts's Law to size and place controls by distance, especially for touch★3.1K
fitts-lawApply Fitts's Law to size and place controls by distance, especially for touch
form-designOwl-Listener/designer-skillsDesign a form end to end with field order, grouping, validation and completion★3.1K
form-designDesign a form end to end with field order, grouping, validation and completion
gesture-patternsOwl-Listener/designer-skillsDesign swipe, drag, long-press and other touch and pointer gestures with discoverability★3.1K
gesture-patternsDesign swipe, drag, long-press and other touch and pointer gestures with discoverability
heuristic-evaluationOwl-Listener/designer-skillsRun an expert review against Nielsen heuristics with severity-rated findings★3.1K
heuristic-evaluationRun an expert review against Nielsen heuristics with severity-rated findings
hicks-lawOwl-Listener/designer-skillsApply Hick's Law to cut decision time by limiting simultaneous choices★3.1K
hicks-lawApply Hick's Law to cut decision time by limiting simultaneous choices
information-architectureOwl-Listener/designer-skillsDesign content structure, hierarchy, labels and the navigation model★3.1K
information-architectureDesign content structure, hierarchy, labels and the navigation model
interfaces-that-feelOwl-Listener/designer-skillsAdd emotional resonance to a correct but flat UI through copy, motion and interaction★3.1K
interfaces-that-feelAdd emotional resonance to a correct but flat UI through copy, motion and interaction
jakobs-lawOwl-Listener/designer-skillsApply Jakob's Law so users find familiar patterns where they expect them★3.1K
jakobs-lawApply Jakob's Law so users find familiar patterns where they expect them
law-of-closureOwl-Listener/designer-skillsApply the Law of Closure to suggest structure with partial shapes and negative space★3.1K
law-of-closureApply the Law of Closure to suggest structure with partial shapes and negative space
law-of-common-regionOwl-Listener/designer-skillsGroup elements with shared containers when tight spacing cannot carry the grouping★3.1K
law-of-common-regionGroup elements with shared containers when tight spacing cannot carry the grouping
law-of-continuityOwl-Listener/designer-skillsGuide the eye with alignment and unbroken paths in steps, carousels and timelines★3.1K
law-of-continuityGuide the eye with alignment and unbroken paths in steps, carousels and timelines
law-of-figure-groundOwl-Listener/designer-skillsSeparate foreground and background layers for modals, overlays and depth★3.1K
law-of-figure-groundSeparate foreground and background layers for modals, overlays and depth