moderndegree
@moderndegree
Public Skills
data-visualization
by moderndegree
Chart selection, data viz accessibility, and dashboard patterns. Use when building charts, graphs, or data dashboards.
navigation-patterns
by moderndegree
Navigation patterns, breadcrumbs, tabs, sidebars, and user flows. Use when building navigation, menus, or site architecture.
responsive-design
by moderndegree
Mobile-first responsive design, breakpoints, touch targets, and adaptive layouts. Use when building layouts, creating responsive components, or optimizing for mobile.
notifications-feedback
by moderndegree
Toast notifications, alerts, feedback messages, and their timing. Use when adding user feedback, success messages, or alerts.
ux-best-practices
by moderndegree
UX patterns for visual hierarchy, error states, loading states, and empty states. Use when designing layouts, handling errors, or building forms.
form-design
by moderndegree
Form UX patterns, field types, multi-step wizards, and layout. Use when building forms, registration flows, or any data collection interfaces.
a11y-best-practices
by moderndegree
Comprehensive accessibility patterns for building, testing, and fixing accessible interfaces. Use when building UI components, forms, pages, or auditing code for accessibility issues.
onboarding-ux
by moderndegree
First-time user experience, tooltips, guided tours, and feature discovery. Use when creating onboarding flows, tours, or user education.
search-filtering
by moderndegree
Search UX, filter patterns, sort options, and empty states. Use when building search interfaces or filterable lists.
customer-centric-design
by moderndegree
Customer-obsessed design methodology. Use when designing features, validating problems, choosing research methods, or measuring design success.
shadcn-best-practices
by moderndegree
Best practices for working with shadcn/ui components, imports, theming, and forms. Use when building UI with shadcn, adding components, configuring theming, or creating forms.
motion-animation
by moderndegree
Motion design principles, when to animate, transitions, and accessibility. Use when adding animations, micro-interactions, or ensuring accessibility for motion.
design-systems
by moderndegree
Design tokens, spacing scales, color systems, and typography for building consistent UIs. Use when creating design systems, theming, or establishing UI foundations.
dialogs-modals
by moderndegree
Modal and dialog patterns, confirmations, destructive actions, and focus management. Use when building modals, dialogs, or confirmation dialogs.