skills.rest
alanharrryy-wq
alanharrryy-wqCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI files against Web Interface Guidelines and report file:line findings.

2|Updated Feb 18, 2026
Search Tags:#ui#accessibility#review#guidelines#ux#design-audit
One-click install
npx skills add https://github.com/alanharrryy-wq/hitech-os --skill web-design-guidelines-alanharrryy-wq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/alanharrryy-wq/hitech-os/tree/main/.agents/skills/B_worker/web-design-guidelines
Command: npx skills add https://github.com/alanharrryy-wq/hitech-os --skill web-design-guidelines-alanharrryy-wq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines to help teams deliver accessible, consistent, and user-friendly interfaces.

Core Features & Use Cases

  • Fetch the latest guidelines from the source and apply them to your UI files or patterns.
  • Read specified files or prompt for a pattern, then validate against the fetched rules.
  • Output findings in the concise file:line format to support quick remediation.
  • Use Case: audit a web page or design system to identify accessibility and UX conformance gaps.

Quick Start

Provide the target UI files or patterns and run the review to generate a findings report.

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 and UX conformance gaps?▼

To audit UI code for accessibility and UX conformance, provide your web page or design system files to the Skill, which fetches the latest Web Interface Guidelines, validates the files against rules, and reports findings in a concise file:line format.

What is the best way to check if a website meets Web Interface Guidelines?▼

The best way to check if a website meets Web Interface Guidelines is to run a design audit that fetches the latest rules, compares your provided UI files against them, and outputs per-file findings for quick remediation.

Can I use this design audit on an entire design system?▼

Yes, you can use this design audit on an entire design system. It is explicitly applicable to auditing websites, web apps, or design systems to identify accessibility gaps and visual consistency across components.

How does the Skill report UI compliance findings for quick remediation?▼

The Skill reports UI compliance findings in a concise file:line format. This per-file reporting structure maps identified accessibility and UX conformance gaps directly to their location for quick remediation.

Do I need to manually provide the guidelines to run a UX review?▼

No, you do not need to manually provide guidelines to run a UX review. The Skill automatically fetches the latest guidelines from the specified source and applies them to your provided UI files or patterns.

Related Skills

Explore More Design & Creative Skills→
efekrbasefekrbas
41

web-design-guidelines

Detect web interface guideline violations in UI files and report file:line results.

Community
Intermediate
baskarajatibaskarajati

web-design-guidelines

Audit UI code against Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
thongdn-itthongdn-it
3

web-design-guidelines

Evaluate UI code against Web Interface Guidelines for accessibility and usability.

Community
Intermediate
leafcoderleafcoder
2

web-design-guidelines

Audit web interface code for WCAG, ARIA, and UX compliance.

Community
Intermediate