frontend-responsive - Create responsive designs for all devices
Implement mobile-first responsive designs with fluid layouts and touch-friendly interfaces
Tags
Updated: 2026-02-13Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Create React components
- Edit React components
- Implement responsive layouts
- Use Tailwind responsive utilities
- Implement mobile-first patterns
- Create adaptive navigation
- Implement responsive typography
- Create touch-friendly UI elements
- Optimize images for screens
- Test cross-device compatibility
- Use relative units
- Implement responsive spacing
- Create fluid container layouts
Inputs
- React component files
- CSS/Tailwind styles
- Design standards
- Breakpoint configurations
- Media query definitions
Outputs
- Responsive React components
- Adaptive CSS styles
- Cross-device compatible UI
- Touch-optimized interfaces
Requirements
- React development environment
- CSS/Tailwind support
- Multi-device testing capability
- Responsive design knowledge