Frontend Responsive

概要

This skill empowers Claude with specialized expertise in modern responsive design principles, ensuring web interfaces function seamlessly from smartphones to ultra-wide monitors. It emphasizes a mobile-first approach, utilizing fluid layouts with Flexbox and Grid, relative units for scalable typography, and optimized asset delivery for performance on mobile networks. By adhering to standardized breakpoints and prioritizing content for smaller viewports, it helps create accessible, touch-friendly experiences that maintain readability and usability across all hardware platforms.

主な機能

• Mobile-first development strategies and standard breakpoint implementation
• 0 GitHub stars
• Scalable typography and spacing using relative units like rem and em
• Asset optimization and content prioritization for mobile network conditions
• Fluid layouts utilizing flexible containers, CSS Flexbox, and Grid
• Touch-friendly interface design with optimized tap targets

ユースケース

• Optimizing existing frontend code for touch interactions and smaller viewports
• Developing web interfaces that need to adapt seamlessly to mobile, tablet, and desktop screens
• Implementing media queries and relative units to ensure consistent readability across devices