skills.rest
ahmedosama7450
ahmedosama7450COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and usability issues, reporting findings as file:line references.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web developers and designers often build interfaces that fail to meet accessibility and usability standards. This skill automates a rigorous conformance review against current Web Interface Guidelines to surface issues early.

Core Features & Use Cases

  • Guideline conformance checks: automatically fetch and apply the latest guidelines to your UI codebase.
  • Automated issue reporting: produce concise, file:line style findings that integrate into reviews.
  • Use Case: When you want to ensure a new web component or page adheres to accessibility and usability best practices before review.

Quick Start

Review the target UI files against the latest Web Interface Guidelines and report violations with file:line references.

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 web UI code for accessibility and usability issues?▼

You can audit web UI code by automatically fetching current Web Interface Guidelines, parsing target files, applying all rules, and producing a concise file:line report that identifies accessibility, contrast, and semantic issues.

Does this UI audit tool work with component libraries across different frameworks?▼

Yes, this UI audit tool is applicable to web projects and component libraries across frameworks. It checks accessibility, contrast, responsive behavior, semantics, and UX consistency directly within your codebase.

What is the best way to check my web interface for guideline compliance before a review?▼

The best way to check guideline compliance is to run an automated conformance review against current Web Interface Guidelines. This surfaces accessibility and usability issues early and outputs concise file:line references for integration.

Can I get file and line number references when auditing my UI codebase?▼

Yes, the automated issue reporting produces concise, file:line style findings. This format allows you to quickly locate and fix accessibility, contrast, and semantic violations directly in your target UI files.

What specific web design guidelines does this audit check against?▼

This audit checks against current Web Interface Guidelines to evaluate accessibility, contrast, responsive behavior, semantics, and UX consistency. It automatically fetches the latest guidelines to apply all rules to your UI codebase.

When should I run a UI conformance review on my web project?▼

You should run a UI conformance review when you want to ensure a new web component or page adheres to accessibility and usability best practices. This surfaces interface issues early before your formal review process.

Related Skills

Explore More Design & Creative Skills→
fnsalinasfnsalinas
1

web-design-guidelines

Audit UI files against the latest Web Interface Guidelines for compliance issues.

Community
Intermediate
jrmatherlyjrmatherly

web-design-guidelines

Analyze HTML/CSS/JS files for accessibility and design guideline compliance.

Community
Basic
therealityreporttherealityreport

audit-responsive-accessibility

Audit generated UI for WCAG compliance across article and brand pages.

Community
Intermediate
tusosostusosos

web-design-guidelines

Compare source code and assets against Web Interface Guidelines to detect UI non-conformities.

Community
Intermediate