Skills
.Work. You
Rest

mobile-first

Community

Design mobile-first interfaces with touch.

Design & Creative#ui#frontend#mobile#pwa#responsive#touch
Authorkensaurus
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Mobile-first design helps teams create interfaces that perform beautifully on small screens, prioritizing touch targets, performance, and progressive enhancement.

Core Features & Use Cases

  • Mobile-first foundations: base styles target mobile viewports, with scalable enhancements for larger screens.
  • Touch-oriented UI: generous hit targets, accessible controls, and thumb-friendly navigation.
  • Responsive patterns: fluid grids, adaptive typography, and layout adjustments for breakpoints.
  • PWA readiness: offline support, fast startup, and installability considerations.

Quick Start

Design and implement a UI with a mobile-first baseline, then progressively enhance for larger devices.

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
Download link: https://github.com/kensaurus/cursor-kenji/archive/main.zip#mobile-first

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

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.