Web Design Guidelines
🤖 AI Summary
This agent reviews uploaded design files (e.g., Figma, HTML/CSS, or image assets) against a set of Web Interface Guidelines, flagging specific non-compliant elements like spacing, typography, or color usage.
How to Install
Claude Code:
git clone --depth 1 https://github.com/vercel-labs/agent-skills.git && cp agent-skills/skills ~/.claude/skills/web-design-guidelines -rReview files for compliance with Web Interface Guidelines.
Details
| Category | Frontend → framework |
| Source | vercel-labs/agent-skills |
| SKILL.md | View on GitHub → |
| Repo Stars | ★ 28.3K |
| Est. per Skill | ~1.3K (shared across 22 skills from this repo) |
| Difficulty | Intermediate |
| Risk Level | Safe |
Related Skills
ui-ux-pro-max
UI/UX Pro Max - Design Intelligence Comprehensive design guide for web and mobile applications. Cont
Webflow
Overview Webflow positions itself as the visual web development platform — the marketing surface rea
react-native-architecture
React Native Architecture Production-ready patterns for React Native development with Expo, includin
astro
Astro Web Framework Overview Astro is a web framework designed for content-rich websites — blogs, do
Works Well With
Skills from the same repository — often designed to work together
vercel-optimize
Vercel Optimize Run an observability-first Vercel optimization audit. Do not inspect source files un
deploy-to-vercel
Deploy to Vercel Deploy any project to Vercel. Always deploy as preview (not production) unless the
vercel-react-native-skills
React Native and Expo best practices for building performant mobile apps. Use when building React Na