skills.rest
Guanez
GuanezCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Updated Feb 12, 2026
Search Tags:#UX audit#web guidelines#design compliance#accessibility check#UI code review
One-click install
npx skills add https://github.com/Guanez/TindaPOS --skill web-design-guidelines-guanez
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Guanez/TindaPOS/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Guanez/TindaPOS --skill web-design-guidelines-guanez

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill helps ensure that web interface designs adhere to established guidelines, improving accessibility and user experience.

Core Features & Use Cases

  • Compliance Checking: Reviews UI code against Web Interface Guidelines.
  • Accessibility Validation: Ensures compliance with accessibility standards.
  • Use Case: When tasked with reviewing a UI for compliance, use this skill to automatically check for adherence to design best practices.

Quick Start

Run the web-design-guidelines skill on your UI code to check for compliance.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
What is the best way to ensure web interface guidelines are followed in my project?▼

The best way to ensure web interface guidelines are followed is to automate compliance checking during development. Regularly reviewing UI code against fetched design rules maintains accessibility and design best practices.

How do I check UI code for web design compliance and accessibility?▼

To check UI code for web design compliance, you can run an automated review against established web interface guidelines. This process validates accessibility standards and design best practices by analyzing specified files or code patterns.

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

A UI code review for web design guidelines is an automated audit that compares your interface code against external design rules. It identifies accessibility issues and deviations from best practices to improve overall user experience quality.

How do I run an accessibility check on specific UI files?▼

You can run an accessibility check on specific UI files by targeting particular file paths or patterns for review. The tool fetches design rules from an external source and evaluates the selected code for compliance.

Can I use this UX audit tool for both development and design workflows?▼

Yes, this UX audit tool is suitable for both developers and UI designers. It bridges the gap between design and development by checking implemented UI code against design compliance and accessibility standards.

Do I need any dependencies to perform a design compliance check?▼

No external dependencies are required to perform a design compliance check. The tool operates independently using internal scripts to fetch guidelines from an external source and review your UI code.

Related Skills

Explore More Design & Creative Skills→
truongnattruongnat

web-design-guidelines

Evaluate web UI source files against Web Interface Guidelines and accessibility requirements.

Community
Intermediate
xingBaGanxingBaGan

web-design-guidelines

Check UI code for compliance with Web Interface Guidelines.

Community
Intermediate
UnifeederUnifeeder

dpworld-branding

Validate UI components and styles against DP World branding and accessibility standards.

Official
Intermediate
samymitysamymity
1

browser-qa

Automate end-to-end browser QA for web applications with smoke, interaction, visual regression, and accessibility checks.

Community
Intermediate