DEDUPED Hot AI repos, turned into use cases Get the Monday 5

How to check your UI against 100+ accessibility and UX rules with Agent Skills

Use web-design-guidelines to audit UI code for accessibility, focus states, forms and more.

Short answer: Install the skills with npx skills add; then ask your agent to review your UI or check accessibility; read the findings grouped by category. All steps.

Who it is forA frontend developer shipping a new page who wants an accessibility pass before launch.

The problemAccessibility and UX details like focus states, labels and reduced motion slip through review.

The outcomeA list of rule violations by category (accessibility, focus states, forms, animation and more) with fixes.

What you need first

  • Node.js for npx skills
  • A coding agent that supports Agent Skills
  • A Vercel project for vercel-optimize

Steps

  1. Install the skills with npx skills add
  2. Ask your agent to review your UI or check accessibility
  3. Read the findings grouped by category
  4. Fix aria-labels, focus-visible patterns and form autocomplete issues first
  5. Re-run the review until it is clean

Prompt for your agent

Use the web-design-guidelines skill from vercel-labs/agent-skills to audit <page> for accessibility and UX, group findings by category, and fix every accessibility issue.

Caveat.

Use this in your AI agent

Ask your agent

Using the Deduped MCP, get the setup steps for vercel-labs/agent-skills and "Check your UI against 100+ accessibility and UX rules"

Add Deduped to Claude Code once

claude mcp add --transport http deduped https://dedupedai.com/mcp

Cursor, ChatGPT, others

Share: X LinkedIn Hacker News Email Copy link

Third-party repos we don't own. AI-written use cases can be wrong. Disclaimer