Web Design Guidelines
This pulls the latest Web Interface Guidelines from Vercel's repo and checks your UI code against them automatically. You point it at files or patterns, it fetches the current ruleset, runs the audit, and spits out findings in a clean file:line format. Useful when you want a second pass on accessibility, semantic HTML, or general interface best practices without manually cross-referencing docs. The guidelines stay fresh since it fetches on every run rather than bundling a stale copy. Good for pre-commit checks or onboarding teams to a shared set of UI standards.
- skills.sh installs
- 766
- GitHub stars
- 43.1K
- last updated
- Jul 14, 2026
Install
$ npx -y skills add sickn33/antigravity-awesome-skills --skill web-design-guidelines --agent claude-codeInstalls into .claude/skills of the current project.
Files
Web Interface Guidelines
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.
When to Use
This skill is applicable to execute the workflow or actions described in the overview.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/sickn33/antigravity-awesome-skills
- Category
- Design & UI/UX
- First seen
- May 16, 2026
More from sickn33/antigravity-awesome-skills
All 708- Ai Wrapper Product762
- React Best Practices762
- Agent Orchestration Multi Agent Optimize760
- Prompt Caching760
- Notebooklm751
- Architecture Decision Records749
- Deployment Procedures749
- Notion Template Business749
- Antigravity Workflows748
- Nanobanana Ppt Skills748
- Python Pro747
- Wordpress Penetration Testing744
- Performance Engineer743
- File Uploads740
- Rag Implementation739
- Content Marketer737
- Marketing Psychology737
- Stitch Ui Design737
- Ab Test Setup736
- Frontend Security Coder735
- Writing Plans735
- Reverse Engineer732
- Canvas Design730
- Kaizen728
Recommended
More Design & UI/UX
visual-regression-testingaj-geddes/useful-ai-promptsDetect unintended visual changes in UI by comparing screenshots across versions. Use for visual regression, screenshot diff, Percy, Chromatic, UI testing, and v731skills.sh installs
writing-react-native-storybook-storiesstorybookjs/react-nativeCreate and edit React Native Storybook stories using Component Story Format (CSF). Use when writing .stories.tsx files, adding stories to React Native component715skills.sh installs
presentationsdylantarre/animation-principlesUse when creating Keynote, PowerPoint, Google Slides animations, or any presentation motion design work.705skills.sh installs
responsive-web-designsecondsky/claude-skillsBuilds adaptive web interfaces using Flexbox, CSS Grid, and media queries with a mobile-first approach. Use when creating multi-device layouts, implementing fle703skills.sh installs
storybook-story-writingthebushidocollective/hanUse when creating or modifying Storybook stories for components. Ensures stories follow CSF3 format, properly showcase component variations, and build successfu678skills.sh installs