33-Strategies

Mobile First Design — Design skill for Claude Code

Design community

Design and build mobile-first responsive web experiences.

How to install Mobile First Design

Installs to ~/.claude/skills/33-strategies-33-strategies-claude-code-starter-kit-mobile-first-design/SKILL.md

Terminal

mkdir -p ~/.claude/skills/33-strategies-33-strategies-claude-code-starter-kit-mobile-first-design && curl -fsSL https://raw.githubusercontent.com/33-Strategies/33-strategies-claude-code-starter-kit/HEAD/.claude/skills/mobile-first-design.md -o ~/.claude/skills/33-strategies-33-strategies-claude-code-starter-kit-mobile-first-design/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Mobile First Design does

name: mobile-first-design description: Design and build mobile-first responsive web experiences. Start with the smallest screen as baseline, progressively enhance for larger viewports. Covers touch targets, thumb zones, performance budgets, content hierarchy, and responsive patterns for landing pages and web applications.

Mobile-First Design Skill

Design for the smallest screen first, then progressively enhance for larger viewports. This ensures core functionality works everywhere wh

Alternatives in Design

CloudCLI — 8,400+ Free open-source web/mobile UI for Claude Code, Cursor CLI, and Codex 8.7k ★
Design Review Workflow — by Patrick Ellis - A tailored workflow for enabling automated UI/UX design review, including specialized sub a 3.7k ★
Companion — 2,200+ Web & mobile UI for Claude Code & Codex 2.2k ★