skills.rest
HyNuwa
HyNuwaCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Nov 24, 2025
Search Tags:#accessibility#ui review#design audit#web guidelines#ux best practices
One-click install
npx skills add https://github.com/HyNuwa/ResuMate --skill web-design-guidelines-hynuwa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/HyNuwa/ResuMate/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/HyNuwa/ResuMate --skill web-design-guidelines-hynuwa

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure that web interfaces adhere to established design and accessibility best practices, improving user experience and usability.

Core Features & Use Cases

  • UI Code Review: Analyzes code for compliance with web interface guidelines.
  • Accessibility Audits: Checks designs against accessibility standards.
  • Best Practice Verification: Audits sites against general UX and design best practices.
  • Use Case: You've just finished a new component for your website and want to ensure it meets Vercel's Web Interface Guidelines before deployment.

Quick Start

Use the web-design-guidelines skill to review the accessibility of the file 'src/components/Button.jsx'.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit my front-end code for web interface guidelines and accessibility?▼

To audit front-end code for web interface guidelines, apply rule-based analysis to your UI files to check accessibility standards and design best practices. This ensures components adhere to established UX rules before deployment.

What is a UI code review for design best practices?▼

A UI code review for design best practices analyzes front-end component files against established web guidelines. It audits user interfaces to ensure compliance with accessibility requirements and general UX standards.

Can I check a specific component file for accessibility compliance?▼

Yes, you can check a specific component file for accessibility compliance by applying rule-based analysis directly to that file. This targets the review to ensure the individual component meets established web interface guidelines.

Does this UI review process work with standard front-end development workflows?▼

Yes, this UI review process is applicable to front-end development workflows. It audits user interface code by fetching established guideline documents and applying rule-based analysis to specified file patterns.

How do I verify my website meets UX best practices before deployment?▼

To verify your website meets UX best practices before deployment, perform a design audit on your UI code. This checks the interface against established web guidelines and accessibility standards to ensure usability.

What are the limitations of automated rule-based design audits?▼

Automated rule-based design audits are limited to checking code against fetched external guideline documents. They require specified files or patterns for analysis and do not replace manual visual testing for complex user experience interactions.

Related Skills

Explore More Design & Creative Skills→
2good4me2good4me

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines and accessibility best practices.

Community
Intermediate
dthuy62dthuy62

ck:web-design-guidelines

Review UI code against web interface guidelines and report violations in file:line format.

Community
Intermediate
zerAdazerAda

bmad-qa-generate-e2e-tests

Generate end-to-end API and UI tests for identified application features.

Community
Advanced
abhishekdutta18abhishekdutta18

browser-qa

Automate visual, functional, and accessibility testing of web pages.

Community
Intermediate