Web Interface Guidelines
Reviews UI code against Vercel's Web Interface Guidelines, always pulling the latest rule list, and reports short findings with file and line.
$ npx skills add https://craftwork.design/skills/web-design-guidelines -a claude-code -y
Installs into .claude/skills/web-design-guidelines. Add -g for every project.
SKILL.md
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
- 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
- Output findings using the format specified in the guidelines
If no files specified, ask the user which files to review.
Files
3 files, 10 KBMore review & audit
- Better Interface
Runs all of Jakub Krehel's better-* skills as one review across accessibility, layout, writing, typography, color and polish, ranked by impact.
Jakub KrehelReview & audit7.8K - Better Writing
Writes and reviews interface copy: labels, errors, empty states and confirmations in the product's own voice.
Jakub KrehelReview & audit7.8K - Interface Review
Reviews a branch or pull request for interface regressions it introduced and classifies each finding.
Jakub KrehelReview & audit7.8K - Break UI
Stress-tests a UI with worst-case data, such as long names, missing fields and huge counts, behind a toggle, and reports what broke.
Emil KowalskiReview & audit45.6K - Improve UI
An evidence-based audit of one product screen against its own design system, with a self-contained change spec for each finding you pick.
ibelickReview & audit9.6K - Audit AI Design Slop
Finds AI design clichés such as stacked decoration, repeated templates, motion for show and fake proof, and ranks what to remove.
Meng ToReview & audit6.7K
