User Experience Design Patterns

This skill provides production-ready UX patterns for Rails applications, covering responsive design, animations, dark mode, loading states, and performance optimization.

When to Use This Skill

Invoke this skill when:

• Implementing responsive layouts with mobile-first approach
• Adding animations and transitions for micro-interactions
• Implementing dark mode support with TailAdmin
• Creating loading states (skeletons, progress indicators)
• Designing form UX (validation, multi-step, auto-save)
• Optimizing performance for Core Web Vitals
• Building toast notifications and feedback systems