--- title: "Vercel Web Interface Guidelines: review, setup & limitations · Undominated.ai" canonical: https://undominated.ai/skills/vercel-labs-web-design-guidelines/ description: "Reviews interface code against a freshly fetched guideline set and returns file-specific findings." --- # Vercel Web Interface Guidelines: review, setup & limitations · Undominated.ai > Reviews interface code against a freshly fetched guideline set and returns file-specific findings. [← Explore all skills](/skills/) DESIGN AND INTERFACES / Vercel # Vercel Web Interface Guidelines Reviews interface code against a freshly fetched guideline set and returns file-specific findings. See setup guidance ↓Original source ↗ SOURCE REVIEW Reviewed 2026-09-21 Evidence 6 linked sources Publisher Vercel Licence MIT (declared in upstream README) ↗ Revision 063bee94c3f4 Read what was—and wasn’t—checked ↓ “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” Vercel · upstream description ↗ Our analysis follows below. 01 / THE REASONING ## Why this made the selection. - Covers concrete interaction details such as focus visibility, form labeling, asynchronous announcements and URL state. - The output points to file locations, which makes a large review easier to turn into individual fixes. ### A good fit for - Screening UI code before a browser accessibility pass - Reviewing forms, navigation and interaction consistency ### Weigh up before choosing - The skill fetches a mutable external rules file at runtime; pinning the skill alone does not freeze the guidance. - The rules mix accessibility requirements with editorial preferences and broad performance advice; apply project context. - Source inspection cannot prove contrast, keyboard behavior or assistive-technology compatibility in the rendered application. - The repository declares MIT in its README; this review did not locate a separate license grant file and offers no definition download. 02 / THE REVIEW RECORD ## What we actually inspected. Source review has boundaries. A clear record is more useful than a “safe” badge. ### Material inspected - skills/web-design-guidelines/SKILL.md - README.md - vercel-labs/web-interface-guidelines:command.md ### Our findings - The definition explicitly requires retrieving the guideline file before reviewing source. - The separately fetched rules include reduced-motion, gesture alternatives, native semantics and focus-obstruction checks. - Recommendations such as list virtualization and typography conventions need judgment rather than automatic universal application. ### Not established by this review - Source inspection only; no skill installation or workflow execution was performed. The review applies to the material and revision named here. A newer upstream release can change its behavior. 03 / PUT IT TO WORK ## Add a skill to your workflow. Upstream setup instructions ↗ DOCUMENTED COMMAND npx skills add https://github.com/vercel-labs/agent-skills/tree/063bee94c3f4df8453406c830b0a7df0f2860278/skills/web-design-guidelines Copy command ↗ Copying does not execute this command. It may retrieve a newer version than the reviewed source. - Install the complete skill directory with its references and helpers; a copied SKILL.md alone may be incomplete. - Choose the intended agent and project scope in the installer, then review its permissions before using the skill. ### Before you start - Node.js/npm for this installer - An agent that supports the Agent Skills format - Access to the current external guideline file and the files to review ### Compatibility Agents with web retrieval and repository read access · Web application source ### Fetch public guidelines - Fetch public guidelines - Read source files and report line-specific findings ### Cost model MIT is declared for the skill repository; the workflow uses the configured agent and retrieval tooling. 04 / FOLLOW THE EVIDENCE ## The source trail. Our notes are separate from the original resource. Check upstream before adopting a new version. - Skill definition at reviewed revision ↗ Checked 2026-09-21 https://github.com/vercel-labs/agent-skills/blob/063bee94c3f4df8453406c830b0a7df0f2860278/skills/web-design-guidelines/SKILL.md Supports: summary, upstreamDescription, whySelected, bestFor, limitations, review, compatibility, access - Upstream license or licensing declaration ↗ Checked 2026-09-21 https://github.com/vercel-labs/agent-skills/blob/063bee94c3f4df8453406c830b0a7df0f2860278/README.md Supports: license - Publisher installation and project documentation ↗ Checked 2026-09-21 https://github.com/vercel-labs/agent-skills/blob/063bee94c3f4df8453406c830b0a7df0f2860278/README.md Supports: install, compatibility, access - Skills installer source formats and selective installation ↗ Checked 2026-09-21 https://github.com/vercel-labs/skills/blob/7407f3893ad4dceab546ac002c3ef806e4000c73/README.md Supports: install - External interface rules reviewed at a separate pinned revision ↗ Checked 2026-09-21 https://github.com/vercel-labs/web-interface-guidelines/blob/e3d624baaf29dc1fc645aff3e38f03e564d2d6b1/command.md Supports: whySelected, limitations, review - Installer implementation: full commit SHA fallback ↗ Checked 2026-09-21 https://github.com/vercel-labs/skills/blob/7407f3893ad4dceab546ac002c3ef806e4000c73/src/git.ts Supports: install KEEP COMPARING ## Other approaches to consider. Related by category or shared topics. These are alternatives to inspect, not a measured quality order. [### Anthropic Frontend Design ↗ Builds a visual direction from the product’s audience and subject, then reviews typography, layout and interface copy against that brief.](/skills/anthropics-frontend-design/)[### Google Stitch Design-System Extraction ↗ Reads frontend source and theme files to draft a structured DESIGN.md for design-system documentation or later Stitch use.](/skills/google-labs-code-extract-design-md/)[### Anthropic PDF Processing ↗ Covers PDF extraction, transformation and form filling, with separate workflows for actual form fields and image-based overlays.](/skills/anthropics-pdf/) [AI Tools ↗](/tools/)[Skills ↗](/skills/)[Agents ↗](/agents/)[MCP Servers ↗](/mcp-servers/)