design-lint

Installation
SKILL.md

Design Lint

Ghost-column layout at 390 — before and after

ESLint for design. Agents ship pages that look right at 1280 and quietly break at 390 — an empty ghost column, metrics spread across dead space, a hero drifting off its grid. Each bug is small; together they're the difference between an interface that feels designed and one that feels generated.

Design lint runs a fixed catalog of checks with severities and reports what it finds. It judges; responsive-preview just shows.

Usage

/design-lint [url or path]

Operating posture

  • Strict by default. Every fail-severity check fails the run unless the user documents an intentional opt-out ("intentional — centered metrics on mobile, noted in the page notes"). Default is fail.
  • Evidence, not vibes. Every finding names the check, the viewport, and what you observed — a selector, a computed value, a screenshot region. No "feels cramped."
  • Read-only. Lint reports; it does not fix. Offer to fix as a follow-up.
Installs
4
Repository
iruhdam1/skills
First Seen
Jul 25, 2026
design-lint — iruhdam1/skills