web-design-guidelines

Audit UI files against the latest Web Interface Guidelines for compliance issues.

1|Updated Dec 19, 2025
One-click install
npx skills add https://github.com/fnsalinas/fnsalinas.github.io --skill web-design-guidelines-fnsalinas
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/fnsalinas/fnsalinas.github.io/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/fnsalinas/fnsalinas.github.io --skill web-design-guidelines-fnsalinas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance, helping teams catch accessibility, usability, and consistency issues before deployment.

Core Features & Use Cases

  • Audit UI files against the latest Web Interface Guidelines to identify accessibility, performance, and UX gaps.
  • Provide concise, actionable findings in a standardized format for quick remediation.
  • Use Case: When auditing a new interface, run the guidelines review to surface violations and suggestions before release.

Quick Start

Provide the UI files or a file pattern to review, then run the audit to compare 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 files for accessibility and usability compliance?

To audit UI files for accessibility and usability, provide the target files or a file pattern to review against the latest Web Interface Guidelines. The audit parses the files and outputs a structured set of rule-exceedances suitable for reviewer action.

Can I review a single component for Web Interface Guidelines compliance?

Yes, you can review a single component for Web Interface Guidelines compliance. The audit applies rules across common UI artifacts and project scopes, ranging from individual components to entire pages, producing standardized findings for remediation.

What is the best way to catch UX and accessibility gaps before deployment?

The best way to catch UX and accessibility gaps before deployment is to run a guidelines review on new interface files. This surfaces violations and suggestions in a standardized format, enabling quick remediation prior to release.

How does an automated UI review identify design principle violations?

An automated UI review identifies design principle violations by fetching the latest rules from the guidelines source and parsing the target files. It compares the UI code against these rules to output a structured set of compliance issues.

Do I need to manually update web design guidelines for the audit?

No, you do not need to manually update web design guidelines for the audit. The process fetches the latest rules directly from the guidelines source to ensure the review identifies current compliance issues in your UI files.

What format do the accessibility audit findings follow for remediation?

The accessibility audit findings follow a standardized, structured format designed for reviewer action. This output provides concise and actionable rule-exceedances to facilitate quick remediation of UI compliance issues.