skills.rest
lord007tn
lord007tnCOMMUNITY
Explore all skills by this author →
Website𝕏@El_Raed_BahriGitHub

web-design-guidelines

Compare UI source files against fetched Web Interface Guidelines and report violations.

4|Updated Feb 26, 2026
Search Tags:#ui#accessibility#a11y#web#web-design#design-guidelines#ui-review
One-click install
npx skills add https://github.com/lord007tn/sdm-clickhouse --skill web-design-guidelines-lord007tn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/lord007tn/sdm-clickhouse/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/lord007tn/sdm-clickhouse --skill web-design-guidelines-lord007tn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with the latest Web Interface Guidelines, helping teams ship accessible, usable interfaces faster and with fewer regressions.

Core Features & Use Cases

  • Fetches the latest guidelines from a trusted source and applies them to your UI files.
  • Reads specified files or patterns, compares them to the guidelines, and reports violations in a terse, actionable format.
  • Use Case: Before releasing a web app, run a UI review to surface accessibility defects and UX inconsistencies.

Quick Start

Provide the UI files or a file pattern for review and run the skill to fetch guidelines and evaluate 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 check my UI code for accessibility and web design violations?▼

To check UI code for accessibility violations, this skill compares your source files against fetched web interface guidelines, producing a concise file:line report that highlights specific defects and UX inconsistencies for quick remediation.

What is a UI review against current web interface guidelines?▼

A UI review against web interface guidelines is an automated audit that reads your specified UI patterns, fetches the latest compliance rules, and identifies accessibility defects to help teams ship usable interfaces with fewer regressions.

How do I run an accessibility audit on my web app before release?▼

Run an accessibility audit by providing your UI files or file patterns to the skill, which fetches current design guidelines, evaluates your code compliance, and outputs an actionable list of violations to fix before release.

Can I review specific UI files for UX consistency automatically?▼

Yes, you can review specific UI files for UX consistency by specifying file patterns, allowing the skill to analyze targeted sources against the latest web design rules and report any interface inconsistencies found.

Does this web design guideline checker require any external dependencies?▼

No external dependencies are required, as the skill uses WebFetch internally to retrieve the latest trusted web interface guidelines and applies them directly to your UI source files for compliance checking.

Related Skills

Explore More Design & Creative Skills→
riethmayerriethmayer
2

web-design-guidelines

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

Community
Intermediate
AbianSAbianS
92

web-design-guidelines

Audit UI code against the Web Interface Guidelines for accessibility and UX compliance.

Community
Basic
christopher-busschristopher-buss
6

prototype

Create throwaway interactive applications to validate UI/UX design ideas.

Community
Intermediate
balkhaevbalkhaev

web-design-guidelines

Audit web interface source code against design and accessibility guidelines.

Community
Intermediate