web-design-guidelines
Installation
SKILL.md
Web Design Guidelines
Merged validation skill: static interface-guidelines review of UI code (accessibility, focus, forms, animation, typography, images, performance, state, touch, theming, i18n, hydration, copy) + runtime Lighthouse verification (95+ in all categories, mobile and desktop) → consolidated findings report → Draft SPECs via write-specs → Epic + Issues via create-issues → execution via orchestrator.
Adapted from:
vercel-labs/web-design-guidelines(rules vendored inreferences/interface-guidelines.md— do not re-fetch at runtime)aliborhothamud/lighthouse-95-skill(measurement loop inreferences/lighthouse-verification.md)
This skill audits and plans — it never edits application code. Confirmed pendencies become SPECs and Issues; implementation happens in the normal SPEC/PR pipeline.
Terminology
| Term | Definition |
|---|---|
finding |
One concrete violation, cited as file:line (static) or audit ID + evidence (Lighthouse) |
pendency |
A finding the user confirmed should be fixed |
finding group |
A set of related pendencies that share one fix strategy — the unit of a Draft SPEC |
pass |
A full Lighthouse run (all four categories) on one URL, one preset |