Web Design Guidelines
ListedHelps with web development, design, guidelines as part of building frontend UIs and user experiences workflows.
Install on your platform
web-design-guidelines. connorads/dotfiles has no skill named "web-design-guidelines" any more. It was renamed, moved or deleted upstream.We check each listing against its upstream repository with the rules the skills CLI uses, last on 2026-10-22. We don't show a command we know will fail.
What we know about this skill
Publisher
connorads
Taken from the source listing. We haven't verified who controls this account.
Install target
Live repository
Not pinned. Installing fetches whatever the repository holds at the time you run the command.
Automated safety checks
We could not read this skill's source, so none of the checks below were run.
About this skill
What it does
This skill helps AI agents review files for compliance with web interface guidelines. It fetches the latest guidelines from a specified URL, reads user-provided files or prompts the user to select files, and then checks those files against the rules outlined in the guidelines. The results are presented in a "file:line" format.
When to use it
- When ensuring new web UI components adhere to established design standards.
- During code reviews for frontend development projects.
- To proactively identify potential guideline violations in existing codebase.
- When needing to quickly assess the compliance of multiple files against a set of web interface rules.
Key capabilities
- Fetches guidelines from
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md. - Reads specified files or prompts user for file selection.
- Checks files against the fetched guidelines.
- Outputs findings in a "file:line" format, as defined by the guidelines.
Example prompts
- “Review
src/components/Button.jsagainst the web interface guidelines.” - “Check all
.jsxfiles in thepagesdirectory for guideline compliance.” - “What files should I review based on the current web interface guidelines?”
Tips & gotchas
- The skill requires access to the internet via a tool like WebFetch to retrieve the latest guidelines.
- The output format is strictly defined by the fetched guidelines; ensure your agent understands this format for proper interpretation of results.
- Fresh guidelines should be fetched before each review cycle to maintain accuracy.