responsive-audit

Installation
SKILL.md

Audit and fix responsiveness across the specified section or page(s).

Target: $ARGUMENTS

If no target is provided, audit the homepage and its constituent sections.

Before Starting

  1. Read docs/design/DESIGN.md — layout tokens: --container-max: 1200px, --prose-max: 680px, --section-y-sm: 80px, --section-y-lg: 120px. Breathing Layout rule.
  2. Read src/app/globals.css — verify layout tokens exist.
  3. Read src/components/primitives/container.tsx — Container responsive padding.
  4. Read src/components/primitives/section.tsx — Section spacing tokens.

Breakpoints

Installs
1
GitHub Stars
1
First Seen
Jun 4, 2026
responsive-audit — joshuashepherd/my-skills