skills.rest
rahmatullahboss
rahmatullahbossCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Analyze web UI code against interface standards for accessibility and design issues.

Updated Jan 4, 2026
Search Tags:#accessibility#UI#audit#compliance#guidelines#web
One-click install
npx skills add https://github.com/rahmatullahboss/multi-store-saas --skill web-design-guidelines-rahmatullahboss
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/rahmatullahboss/multi-store-saas/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/rahmatullahboss/multi-store-saas --skill web-design-guidelines-rahmatullahboss

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps developers ensure their web UI code adheres to current interface guidelines, promoting accessibility and usability.

Core Features & Use Cases

  • Guideline Compliance Checks: Reviews UI files against authoritative web design standards.
  • Accessibility Auditing: Identifies issues that may hinder users with disabilities.
  • Use Case: When updating a website, check the HTML and CSS files to verify they meet accessibility and usability best practices.

Quick Start

Fetch the latest guidelines and review the specified UI files for compliance.

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 UI code for accessibility compliance?▼

You can check web UI compliance by analyzing your frontend HTML and CSS files against established interface standards. This Skill fetches current guidelines to identify accessibility and design issues automatically.

What web design guidelines are used for checking interface compliance?▼

Interface compliance checks validate your code against authoritative web design standards fetched dynamically via scripts and references. This ensures accessibility and usability checks use the most up-to-date guidelines.

How do I check if my HTML and CSS files meet accessibility standards?▼

To check if HTML and CSS files meet accessibility standards, the Skill reviews your specified UI files for compliance. It analyzes frontend code to identify design issues and validate adherence to usability best practices.

Can I use this for frontend code adherence validation on a large web project?▼

Yes, frontend code adherence validation is suitable for UI developers and QA teams. It analyzes web UI code against established interface standards, making it effective for validating website updates during development.

Do I need any dependencies to run automated guideline fetching for UI audits?▼

No dependencies are required to run automated guideline fetching for UI audits. The Skill operates independently using internal scripts and references to analyze your files and ensure up-to-date compliance checks.

Related Skills

Explore More Design & Creative Skills→
dongitrandongitran
3

web-design-guidelines

Audit UI code against Web Interface Guidelines and output file:line findings.

Community
Basic
bettercallfanbettercallfan

web-design-guidelines

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

Community
Intermediate
monforjemonforje

web-design-guidelines

Automate UI code review against Web Interface Guidelines using external rules.

Community
Intermediate
1479089714790897
7

kwp-design-accessibility-review

Audit design assets and web pages for WCAG 2.1 AA compliance gaps.

Community
Intermediate