responsive-design

Installation
SKILL.md

Responsive Design Skill

When to Use This Skill

Use this skill when you need to:

  • Design and implement mobile-first responsive layouts
  • Create fluid, adaptive interfaces that work across all device sizes
  • Implement modern CSS layout techniques (Flexbox, Grid)
  • Optimize images and media for different screen sizes
  • Build accessible, touch-friendly interfaces
  • Implement responsive typography and spacing systems
  • Create container-based responsive components
  • Optimize performance for mobile devices
  • Ensure consistent user experience across devices
  • Implement responsive navigation patterns
  • Design responsive forms and data tables
  • Create adaptive card layouts and galleries
  • Build responsive dashboards and admin interfaces
Related skills
Installs
182
GitHub Stars
55
First Seen
Jan 22, 2026