Web Design Guidelines
- 44 installs
- 33 repo stars
- Updated July 27, 2026
- dirnbauer/webconsulting-skills
Review UI code against the latest Web Interface Guidelines and report accessibility and UX findings in file:line format.
About
This skill reviews UI code for compliance with the Web Interface Guidelines, fetching the latest rules before each review. A developer uses it to audit a UI, check accessibility, or review UX against best practices.
- Reviews UI code against fetched Web Interface Guidelines
- Outputs findings in terse file:line format
Web Design Guidelines by the numbers
- 44 all-time installs (skills.sh)
- Ranked #608 of 1,352 Code Review & Quality skills by installs in the Skillselion catalog
- Data as of Jul 29, 2026 (Skillselion catalog sync)
npx skills add https://github.com/dirnbauer/webconsulting-skills --skill web-design-guidelinesAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 44 |
|---|---|
| repo stars | ★ 33 |
| Last updated | July 27, 2026 |
| Repository | dirnbauer/webconsulting-skills ↗ |
What it does
Review UI code against the latest Web Interface Guidelines and report accessibility and UX findings in file:line format.
Files
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 4. Output findings in the terse file:line format
Guidelines Source
Fetch fresh guidelines before each review:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.mdUse 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: 1. Fetch guidelines from the source URL above 2. Read the specified files 3. Apply all rules from the fetched guidelines 4. Output findings using the format specified in the guidelines
If no files specified, ask the user which files to review.
---
Credits & Attribution
This skill is based on the excellent work by [Vercel](https://github.com/vercel-labs/agent-skills).
Original repository: https://github.com/vercel-labs/agent-skills
Special thanks to Vercel for their generous open-source contributions, which helped shape this skill collection. Adapted by webconsulting.at for this skill collection
Related skills
Improve Codebase ArchitectureSafely deepen clusters of shallow modules into cohesive, testable units while respecting their external dependencies.566k196k
Caveman ReviewGet ultra-compressed, one-line code review comments that cut noise while keeping every actionable fix.270k94.7kCodebase DesignShared vocabulary for designing deep modules: improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable.266k196kCavecrewDelegate coding tasks to specialized subagents that return compressed output, keeping the main context window usable for much longer sessions.220k94.7kCode ReviewReviews a branch or PR diff on two axes at once: conformance to coding standards plus a code-smell baseline, and whether it actually implements the original spec.201k196k
Requesting Code ReviewDispatch a consistent, high-signal code reviewer subagent that catches plan deviations and quality issues before merging or continuing development.183k264k