web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
Security Assessment
About web-design-guidelines
The 'web-design-guidelines' skill is designed to assist in reviewing web interfaces to ensure they comply with established UI design guidelines. It solves the problem of checking websites and applications for adherence to best practices, accessibility standards, and UX principles. This skill automates the review process, providing developers and designers with a quick and reliable way to evaluate their work against predefined guidelines, helping them improve the overall user experience and accessibility of their sites. By using this skill, users can streamline their design audits and ensure their web interfaces meet industry standards.
FAQ
How does the web-design-guidelines skill work?
The skill fetches the latest web interface guidelines from a predefined URL, reads the provided files or pattern, checks them against the rules in the guidelines, and outputs the findings in a terse 'file:line' format.
What types of files or patterns can I review with this skill?
You can review any files or patterns that you specify. If no files are provided, the skill will prompt you to specify which files to review.
Is there a compatibility requirement for using this skill?
There are no specific compatibility requirements mentioned. However, the skill relies on being able to read and check the files you provide against the fetched guidelines.
Can I use this skill without providing any files?
Yes, if no files are specified, the skill will prompt you to provide them before proceeding with the review.
Install web-design-guidelines
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
vercel-labs/agent-skills