Frontend Responsive

概要

This skill equips Claude with specialized knowledge for creating fluid, responsive user interfaces that prioritize a mobile-first approach. It provides comprehensive guidance on implementing media queries, defining standardized breakpoints, and utilizing relative sizing units like rem and viewport units to create adaptable layouts. Whether scaling up a design for desktop or optimizing touch targets for mobile users, this skill ensures that frontend components maintain high usability and visual integrity across diverse screen sizes and device capabilities.

主な機能

• Touch-friendly interface optimization
• Standardized breakpoint and media query management
• Fluid grid and flexible container system guidance
• Mobile-first design implementation and scaling
• 0 GitHub stars
• Responsive typography and asset scaling

ユースケース

• Optimizing UI components for touch interactions and high-resolution screens
• Developing layouts that adapt seamlessly between mobile, tablet, and desktop views
• Refactoring fixed-width layouts into fluid, responsive systems