skills.rest
vrazdalovschi
vrazdalovschiCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Updated Jan 10, 2026
Search Tags:#accessibility#ui review#web design#guidelines#code compliance#ux audit
One-click install
npx skills add https://github.com/vrazdalovschi/dotfiles --skill web-design-guidelines-vrazdalovschi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/vrazdalovschi/dotfiles/tree/main/agents/skills/shared/web-design-guidelines
Command: npx skills add https://github.com/vrazdalovschi/dotfiles --skill web-design-guidelines-vrazdalovschi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the review of user interface code to ensure compliance with established Web Interface Guidelines, improving consistency and quality.

Core Features & Use Cases

  • Automated Compliance Checks: Scans code against a dynamic set of web design best practices.
  • Accessibility Audits: Helps identify potential accessibility issues within the UI code.
  • Use Case: When developing a new feature, run this skill on the UI components to catch design or accessibility violations before they are merged.

Quick Start

Use the web-design-guidelines skill to review the accessibility of the file named '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 web design compliance and accessibility?▼

You can audit UI code for web design compliance by running an automated review against established Web Interface Guidelines. This process scans your front-end files to identify accessibility issues and design best practice violations before merging.

How do I check my front-end components for accessibility violations before merging?▼

Checking front-end components for accessibility violations involves scanning the code against dynamic web design best practices. The review identifies potential accessibility issues within the UI code, ensuring new features meet compliance standards before integration.

What is a UI code review for web interface guidelines?▼

A UI code review for web interface guidelines is an automated check that scans front-end code for compliance with web standards. It evaluates accessibility and design practices to improve the consistency and quality of web applications.

Does the accessibility review work with specific front-end files like button.js?▼

Yes, the accessibility review works with specified front-end files like button.js. You can target individual UI components or file patterns to check their compliance with web design best practices and identify specific violations.

What's the best way to automate web design checks during front-end development?▼

The best way to automate web design checks during front-end development is integrating an automated compliance scanner into your workflow. It fetches external guidelines and applies them to your UI code, catching accessibility and design violations automatically.

What happens if my UI code does not meet web interface guidelines?▼

If your UI code does not meet web interface guidelines, the review flags the specific accessibility issues and design best practice violations. This allows you to catch and resolve design inconsistencies before the code is merged.

Related Skills

Explore More Design & Creative Skills→
buisihung11buisihung11

web-design-guidelines

Reviews UI code for compliance with Web Interface Guidelines.

Community
Basic
nweiinweii
7

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Community
Intermediate
791994545791994545
4

web-design-guidelines

Check UI code for compliance with Web Interface Guidelines.

Community
Basic
kevinxo328kevinxo328
5

web-design-guidelines

Review HTML, CSS, and frontend files against Web Interface Guidelines.

Community
Intermediate