web-design-guidelines
Originally fromvercel-labs/agent-skills
SKILL.md
Web Interface Guidelines
Review files for compliance with Web Interface Guidelines.
How It Works
- Fetch the latest guidelines from the source URL below
- Read the specified files (or prompt user for files/pattern)
- Check against all rules in the fetched guidelines
- Run typography addendum (Bringhurst baseline): hierarchy semantics, measure (
~45-75), leading (~1.2-1.45), glyph correctness, faux-style bans, widow/orphan/rivers/ladders checks - Output findings in the terse
file:lineformat
Guidelines Source
Fetch fresh guidelines before each review:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.
Usage
When a user provides a file or pattern argument:
- Fetch guidelines from the source URL above
- Read the specified files
- Apply all rules from the fetched guidelines
- Apply typography addendum checks listed above
- Output findings using the format specified in the guidelines
If no files specified, ask the user which files to review.
Weekly Installs
16
Repository
derklinke/codex-configGitHub Stars
7
First Seen
Jan 27, 2026
Security Audits
Installed on
gemini-cli16
antigravity16
claude-code16
codex16
cursor16
opencode15