skills.rest
thesimonho
thesimonhoCOMMUNITY
Explore all skills by this author →
Website𝕏@_SimonHoGitHub

web-design-guidelines

Identify UI code violating Web Interface Guidelines and report findings.

26|Updated Apr 13, 2017
Search Tags:#ui#accessibility#audit#compliance#guidelines#design-review
One-click install
npx skills add https://github.com/thesimonho/dotfiles --skill web-design-guidelines-thesimonho
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/thesimonho/dotfiles/tree/main/AI/skills/web-design-guidelines
Command: npx skills add https://github.com/thesimonho/dotfiles --skill web-design-guidelines-thesimonho

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web Interface Guidelines help teams enforce accessibility, consistency, and usability across UI code; this Skill automates checking code against the latest guidelines to surface violations quickly.

Core Features & Use Cases

  • Fetches the most recent Web Interface Guidelines and applies them to your UI files.
  • Compares code against a comprehensive rule set and reports violations in a concise file:line format for rapid remediation.
  • Use Case: when asked to review a site or component for accessibility and design conformance, run automated checks and generate actionable findings.

Quick Start

Review the UI files you want audited against the latest Web Interface Guidelines.

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 UI code for accessibility and design compliance?▼

This Skill automates accessibility and design compliance audits by fetching the latest Web Interface Guidelines, parsing target UI files, and applying all rules to generate deterministic, terse violation reports in a concise file:line format for rapid remediation.

What is a web interface design review and how does it work?▼

A web interface design review checks UI code against a comprehensive rule set to surface accessibility and consistency violations. It works by fetching the most recent guidelines, parsing target files, and applying all rules to generate deterministic findings.

Does this accessibility audit work with any technology stack or design system?▼

Yes, this accessibility audit applies to web projects across components, pages, and accessibility audits under varying design systems and technology stacks, requiring no specific dependencies or component installations to function.

Can I automatically check web components for guideline violations?▼

Yes, you can automatically check web components for guideline violations. The Skill compares your UI code against a comprehensive rule set and reports violations in a concise file:line format for rapid remediation across your project.

What format does the design review output use for reporting violations?▼

The design review output uses a concise file:line format for reporting violations. It generates deterministic, terse results that surface UI code failing the Web Interface Guidelines for rapid remediation.

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
Bharathadi01Bharathadi01

web-design-guidelines

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

Community
Intermediate
gabriellpequenogabriellpequeno
8

web-design-guidelines

Enforce external UI guideline compliance during front-end design reviews and critiques.

Community
Basic
angelriera-devangelriera-dev

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

Community
Intermediate