skills.rest
Oscar-Ivan-Salas
Oscar-Ivan-SalasCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Compare web UI code against the latest Web Interface Guidelines and report violations in file:line format.

Updated Jan 27, 2026
Search Tags:#design#accessibility#frontend#audit#web#ui-guidelines
One-click install
npx skills add https://github.com/Oscar-Ivan-Salas/PILi_Quarts_Doc --skill web-design-guidelines-oscar-ivan-salas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Oscar-Ivan-Salas/PILi_Quarts_Doc/tree/main/PILi_Quarts_V3.0/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/Oscar-Ivan-Salas/PILi_Quarts_Doc --skill web-design-guidelines-oscar-ivan-salas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Validates web UI code against the latest official guidelines to ensure accessibility, usability, and consistency across projects.

Core Features & Use Cases

  • Fetches the current Web Interface Guidelines from the designated source and keeps rules up to date.
  • Reads targeted web UI files or patterns, contrasts them with all rules, and flags violations.
  • Produces concise findings in a file:line format to guide developers to issues quickly.

Quick Start

Review a set of UI files against the latest guidelines and report violations.

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 web UI code for accessibility non-conformities?▼

A UI accessibility audit is performed by fetching current Web Interface Guidelines, reading target frontend files, and contrasting them against all rules to output violations in a concise file:line format.

What is the best way to check frontend code against official web design guidelines?▼

Checking frontend code involves fetching the latest Web Interface Guidelines, applying all design and accessibility rules to targeted files, and generating terse findings pinpointing exact file and line locations.

Can I use this for UI quality checks across an entire design system?▼

Yes, UI quality checks are supported across web projects and design systems by reading targeted file patterns, applying fetched rules, and reporting non-conformities to ensure consistency.

How do I get started reviewing UI files for design violations?▼

To review UI files, provide target files or patterns to the Skill. It fetches remote guidelines, applies all rules, and outputs findings in a file:line format to guide developers to issues quickly.

Does the accessibility audit require any external dependencies?▼

No, the accessibility audit requires no external dependencies. It independently fetches remote Web Interface Guidelines and processes code to identify and report UI design non-conformities.

Related Skills

Explore More Design & Creative Skills→
marchattonmarchatton
5

web-design-guidelines

Review UI code against Web Interface Guidelines fetched from a remote source.

Community
Intermediate
NammDevNammDev
2

web-design-guidelines

Audit frontend HTML/CSS/JS code for Web Interface Guidelines compliance and accessibility issues.

Community
Intermediate
adaptive-enforcement-labadaptive-enforcement-lab
3

enforce

Automate security enforcement across CI pipelines and repository governance.

Official
Advanced
tom-xstom-xs

accessibility-selenium-testing

Automate WCAG 2.1/2.2 accessibility audits with Selenium WebDriver and axe-core.

Community
Advanced