responsive-design

Mobile-first responsive layouts, dynamic viewport units, fluid typography, and touch target accessibility.

SKILL.md

GitHub

Responsive Design & Multi-Device Protocol

Deliver adaptive interfaces across mobile, tablet, desktop, and foldable screens.

1. Mobile-First Media Queries

  1. Author base styles for mobile viewports (< 640px).
  2. Layer layout expansions progressively using min-width breakpoints (sm: 640px, md: 768px, lg: 1024px, xl: 1280px).

2. Touch Targets & Safe Areas

  • Minimum touch target size: 44x44 CSS pixels for all interactive controls.
  • Respect mobile device notches with env(safe-area-inset-*) padding.

Похожие навыки: design

add-uint-support

Add unsigned integer (uint) type support to PyTorch operators by updating AT_DISPATCH macros. Use when adding support fo...

add
uint
support
Автор: pytorch
95,362

skill-writer

Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a...

skill
writer
Автор: pytorch
95,362

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

frontend
design
Автор: anthropics
47,860