Skills
.Work. You
Rest

mobile-first-design

Community

Mobile-first UI design with progressive enhancement.

Design & Creative#design#css#mobile#responsive#ux#breakpoints
Authorsecondsky
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Designs responsive interfaces starting from mobile screens with progressive enhancement for larger devices, ensuring fast load times and a solid mobile user experience.

Core Features & Use Cases

  • Breakpoints mapped to Mobile, Tablet, Desktop, and Large layouts
  • Base mobile-first CSS with progressive enhancements for larger viewports
  • Touch-friendly targets and accessible typography
  • Best practices for mobile performance and responsive design

Quick Start

Start from a mobile baseline (e.g., 320px) and add breakpoints at 768px for tablets and 1024px for desktops. Begin with mobile components and progressively enhance for larger screens.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mobile-first-design
Download link: https://github.com/secondsky/claude-skills/archive/main.zip#mobile-first-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository