skills.rest
stephschofield
stephschofieldCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Audit UI code for Web Interface Guidelines compliance and report findings in file:line format.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Core Features & Use Cases

  • Fetch latest guidelines from the source URL below
  • Read the specified files (or prompt user for files/pattern)
  • Check against all rules in the fetched guidelines
  • Output findings in the terse file:line format

Quick Start

Provide the UI files or pattern you want reviewed to start a live audit against the latest 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 web accessibility compliance?▼

Audit UI code for web accessibility compliance by providing your UI files or patterns for review. The system fetches the latest Web Interface Guidelines and checks your code against all rules, reporting findings in a concise file:line format.

What is a UX audit against web design best practices?▼

A UX audit against web design best practices reviews your UI code to validate compliance with established Web Interface Guidelines. It checks accessibility, UX rules, and design validation across web projects, outputting specific file and line number findings.

Can I check my site against the latest web interface guidelines?▼

Yes, you can check your site against the latest web interface guidelines by providing your UI files for review. The system fetches the most current rules from its designated source and validates your code against them.

How do I review my UI for accessibility and design validation?▼

Review your UI for accessibility and design validation by submitting your UI files or code patterns to the audit tool. It checks against all fetched guideline rules and outputs results in a terse file:line format.

Does this UI review work with specific file formats or patterns?▼

The UI review works with specified UI files or code patterns you provide. If you do not specify files, it prompts you for files or patterns, then reads and checks them against all fetched Web Interface Guidelines rules.

What limitations exist when checking web code against design guidelines?▼

When checking web code against design guidelines, the review is limited to the rules within the fetched Web Interface Guidelines. It outputs findings in a terse file:line format and requires you to provide the specific UI files or patterns to audit.

Related Skills

Explore More Design & Creative Skills→
elianivaelianiva
203

web-design-guidelines

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

Community
Intermediate
agoudbgagoudbg
7

web-design-guidelines

Audits selected files for UI accessibility and design-rule violations.

Community
Intermediate
lyzno1lyzno1
1

web-design-guidelines

Audit UI code against current Web Interface Guidelines for accessibility and consistency.

Community
Basic
kevinxo328kevinxo328
5

web-design-guidelines

Review HTML, CSS, and frontend files against Web Interface Guidelines.

Community
Intermediate