skills.rest
ntdev204
ntdev204COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Audit front-end UI code against Web Interface Guidelines for accessibility and design compliance.

Updated Aug 23, 2026
Search Tags:#best practices#accessibility#ui review#design audit#ux#web guidelines
One-click install
npx skills add https://github.com/ntdev204/rai_ws --skill web-design-guidelines-ntdev204
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ntdev204/rai_ws/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/ntdev204/rai_ws --skill web-design-guidelines-ntdev204

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

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

Core Features & Use Cases

  • Compliance Auditing: Reviews UI code against a set of predefined web interface guidelines.
  • Accessibility Checks: Identifies potential accessibility issues within the interface.
  • Best Practice Verification: Audits designs against industry best practices for web development.
  • Use Case: After developing a new feature, use this skill to automatically check if the UI meets accessibility standards and design guidelines before deployment.

Quick Start

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

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 UI code for accessibility and web design guideline compliance?▼

To audit UI code for accessibility and web design guidelines, review front-end codebases against predefined web interface guidelines to identify design deviations. Specify target files or patterns to check for compliance and best practice violations.

What is a UI design audit and how does it check front-end best practices?▼

A UI design audit reviews front-end code against established web interface guidelines to verify accessibility and best practices. It identifies design deviations in specified files, ensuring interfaces adhere to industry standards before deployment.

Can I check accessibility issues in specific component files like Button.js?▼

Yes, you can check accessibility issues by applying web interface guidelines to specific component files like Button.js. The review targets specified files or patterns within the front-end codebase to identify potential compliance deviations.

Does a web guidelines review fetch external standards automatically?▼

Yes, a web guidelines review fetches external guidelines automatically to apply them during the codebase audit. This ensures the accessibility and best practice verification uses established, current standards rather than relying solely on internal configurations.

What's the best way to check UI compliance after developing a new feature?▼

The best way to check UI compliance after developing a new feature is to run a design audit on the updated codebase. This reviews the new UI code against fetched web interface guidelines to identify accessibility issues and best practice deviations before deployment.

When should I run a UX design audit on my web front-end codebase?▼

You should run a UX design audit on your web front-end codebase before deployment to ensure new features meet accessibility standards. It is also necessary when verifying compliance with web interface guidelines or identifying existing design deviations.

Related Skills

Explore More Design & Creative Skills→
hidonguyenhidonguyen

ck:web-design-guidelines

Review HTML, CSS, and React files against fetched web interface guidelines.

Community
Intermediate
45black-Limited45black-Limited
1

ui-fix

Generate UI patches or instructions from design-system and WCAG compliance reviews.

Official
Advanced
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate
lucasloutayflucasloutayf

browser-testing-with-devtools

Diagnose browser-rendered issues by inspecting real-time DOM, console, and network data.

Community
Advanced