SubmitLog in
c/frontend › command
0votes

Web interface guidelines review (Vercel)

SkillLow risk
submitted by u/client to c/frontend · 0 uses

Audits UI code against Vercel's web interface guidelines and reports issues by file and line.

When asked to review UI, accessibility or UX, Claude downloads the latest version of Vercel's Web Interface Guidelines and checks the files you name against every rule. Findings come back in a terse file:line format. The skill is small because the rules are fetched at run time, so it needs web access.

Try asking:

  • "Review my UI in src/components against best practices"
  • "Check this form for accessibility and UX issues"
  • "Audit the design of the checkout page"

Source: vercel-labs/agent-skills · MIT · by Vercel

0 commentsreport

Install this skill

Skills are folders with a SKILL.md file. Claude loads one on its own when a task matches its description.

Claude Code: for every project
mkdir -p ~/.claude/skills/web-design-guidelines && curl -fsSL https://raw.githubusercontent.com/vercel-labs/agent-skills/main/skills/web-design-guidelines/SKILL.md -o ~/.claude/skills/web-design-guidelines/SKILL.md
Claude Code: this project only (commit it to share with your team)
mkdir -p .claude/skills/web-design-guidelines && curl -fsSL https://raw.githubusercontent.com/vercel-labs/agent-skills/main/skills/web-design-guidelines/SKILL.md -o .claude/skills/web-design-guidelines/SKILL.md
View SKILL.mdSource

Made by Vercel, MIT license. Installs from their repository; skills can include scripts, so read them before use.

In the Claude apps, zip the folder and upload it under Settings → Capabilities → Skills.

More from c/frontend

See all of c/frontend →
0 comments

Log in to join the discussion.