Summary
Pulls the latest Web Interface Guidelines from Vercel's GitHub repo and audits your UI code against them. You'd use this when you want a systematic check of your interface, whether that's accessibility, design patterns, or general UX best practices. It fetches fresh rules each time rather than relying on stale standards, then outputs findings in a clean file:line format. The skill knows to trigger on phrases like "review my UI" or "check accessibility", which feels natural when you're in the middle of frontend work. One nice touch: it asks which files to review if you don't specify, so you're not fumbling with patterns. Made by Vercel, so the guidelines reflect their design thinking.
Install to Claude Code
npx -y skills add calcom/cal.com --skill web-design-guidelines --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
