Tailwind Responsive Ui

If you're building Tailwind interfaces that need to work across devices, this gives you 49 prioritized rules organized into breakpoint strategy, layout transforms, spacing, typography, navigation, touch targets, media handling, and data tables. It's based on Refactoring UI and assumes mobile-first workflows. The critical stuff (breakpoints, layout) comes first, lower-impact patterns (data adaptation) last, which is helpful when you're triaging responsive issues or generating code that needs to scale gracefully. Each rule links to detailed references with examples. Most useful when refactoring desktop-only UIs or reviewing responsive implementations for common mistakes like max-width breakpoints or undersized touch targets.

Install to Claude Code

npx -y skills add pproenca/dot-skills --skill tailwind-responsive-ui --agent claude-code