skills.rest
emanuelsc3s
emanuelsc3sCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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

Updated Aug 23, 2026
Search Tags:#ui#accessibility#verification#audit#compliance#web-design-guidelines
One-click install
npx skills add https://github.com/emanuelsc3s/SysOEE --skill web-design-guidelines-emanuelsc3s
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/emanuelsc3s/SysOEE/tree/main/docs/skills/web-design-guidelines
Command: npx skills add https://github.com/emanuelsc3s/SysOEE --skill web-design-guidelines-emanuelsc3s

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams validate that UI implementations comply with Web Interface Guidelines, catching accessibility, performance, and usability gaps early.

Core Features & Use Cases

  • Automated guideline conformance checks across UI files and design tokens.
  • Accessibility and performance auditing aligned with the latest guidelines.
  • Use Case: Run a quick audit on a project to surface violations and suggested fixes.

Quick Start

Run an audit of the target UI files against the latest Web Interface Guidelines and report findings in file:line format.

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 codebase for UI accessibility and compliance violations?▼

You can audit UI accessibility by fetching the latest Web Interface Guidelines, parsing target UI files and design tokens, and reporting violations in a concise file:line number format. This process surfaces accessibility, performance, and usability gaps early.

What is the best way to check web design guidelines conformance across project components?▼

Checking web design guidelines conformance involves running automated checks across UI files and design tokens. This enforces compliance with the latest Web Interface Guidelines and reports violations in a concise line-number format.

Can I audit design tokens and UI files for accessibility without manual review?▼

Yes, you can automate accessibility auditing for design tokens and UI files. The skill parses target file patterns against official Web Interface Guidelines to identify and report violations without manual review.

Does the UI accessibility audit report include suggested fixes for violations?▼

Yes, the UI accessibility audit reports findings in a file:line format and surfaces suggested fixes. It identifies compliance gaps across web projects to help teams address accessibility, performance, and usability issues.

When do I need to run a web interface compliance audit on my project?▼

You need to run a web interface compliance audit when validating that UI implementations meet the latest Web Interface Guidelines. This catches accessibility, performance, and usability gaps early before deployment.

What limitations exist when auditing web projects for accessibility and usability?▼

A limitation of auditing web projects for accessibility is that the skill requires fetching the latest guidelines from the official source and relies on parsing target files or patterns to report violations in a line-number format.

Related Skills

Explore More Design & Creative Skills→
raphaelmansraphaelmans

web-design-guidelines

Audit web UI files against official Web Interface Guidelines and report findings in file:line format.

Community
Intermediate
ilove323ilove323

accessibility-review

Audit designs and web pages for WCAG 2.1 AA violations and produce structured reports.

Community
Intermediate
Higashi-KotaHigashi-Kota

ui-component

Build accessible React UI components with design tokens and ARIA patterns.

Community
Advanced
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate