web-design-guidelines

Installation
SKILL.md

Web Interface Guidelines

Review files for compliance with Web Interface Guidelines.

How It Works

  1. Fetch the latest guidelines from the source URL below

  2. Read the specified files (or prompt user for files/pattern)

  3. Check against all rules in the fetched guidelines

    As of 2026-10-11, command.md omits some accessibility checks; for accessibility reviews also check contrast (WCAG 2.2 AA: text 4.5:1, large text and required non-text UI contrast 3:1, with applicable exceptions), status not shown by colour alone, target size (WCAG 2.5.8: >=24 by 24 CSS px with its exceptions; 44px on touch is advisory), mobile input font-size >=16px, and focus moving into and back from modal dialogs per the APG dialog pattern.

  4. Output findings in the terse file:line format

Guidelines Source

Fetch fresh guidelines before each review:

Installs
191
GitHub Stars
71
First Seen
Mar 13, 2026