Web Design Guidelines

Web Design Guidelines gives coding agents a structured way to inspect interface implementations before they reach users. Instead of concentrating on syntax or framework conventions alone, the review considers how the resulting experience behaves across input methods, screen conditions, languages, and performance constraints. Findings are associated with source locations, making the result useful during implementation or pull-request review.

Highlights

• Checks semantic structure, accessible naming, keyboard behavior, and visible focus treatment
• Reviews forms, validation feedback, navigation state, and interaction details
• Flags image, animation, rendering, and loading choices that may degrade performance
• Considers responsive touch targets, theming, typography, and reduced-motion preferences
• Covers international formatting and interface state that should remain shareable through URLs

The skill is a good fit for frontend engineers, UI specialists, design-system maintainers, and reviewers who want a consistent second pass over interface code. It is distributed in Vercel’s public agent-skills collection and installs with the repository’s standard skills command. The folder contains a single SKILL.md file and relies on current external review criteria rather than bundled scripts or MCP services.