Mobile Responsive Skill

Purpose

This skill provides a systematic, automated approach to implementing mobile-responsive designs across entire applications. Instead of converting pages one-by-one manually, this skill provides batch processing workflows, reusable patterns, and automated checks to rapidly make all pages mobile-friendly.

When to Use This Skill

Use this skill when:

• Converting multiple pages to mobile-responsive - Batch process entire applications
• Fixing responsive issues - Debug and fix mobile layout problems
• Creating new mobile-first pages - Build pages with mobile-first approach
• Auditing mobile responsiveness - Check all pages for mobile issues
• Implementing bottom navigation - Add mobile navigation patterns
• Optimizing touch interactions - Improve mobile UX

Quick Start - Batch Mobile Conversion

Step 1: Audit All Pages