web-design-guidelines

Review UI code for web interface guideline compliance and accessibility issues.

Updated Mar 17, 2026
One-click install
npx skills add https://github.com/alexzhang1030/platform-demo --skill web-design-guidelines-alexzhang1030
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/alexzhang1030/platform-demo/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/alexzhang1030/platform-demo --skill web-design-guidelines-alexzhang1030

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps teams review user interfaces for compliance with web interface guidelines, reducing accessibility issues, visual inconsistencies, and usability regressions before release.

Core Features & Use Cases

  • UI Compliance Review: Checks application screens, components, and layout decisions against current web interface best practices.
  • Accessibility and UX Auditing: Flags common issues that affect keyboard use, readability, clarity, and overall user experience.
  • Use Case: A designer or engineer can run this Skill on changed UI files to catch guideline violations before merging a pull request.

Quick Start

Ask the skill to review the specified UI files for web interface guideline compliance.

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 frontend code for web accessibility and usability issues?

To audit frontend code for web accessibility, you review UI files against current web interface guidelines to identify usability regressions and compliance issues. This involves fetching the latest guideline source and comparing component implementations against established rules.

What is a UI compliance review for web best practices?

A UI compliance review checks application screens and component layouts against current web interface best practices. It flags accessibility issues, visual inconsistencies, and usability regressions before release, ensuring frontend files meet web standards.

Does this web guidelines audit work with pull requests?

Yes, web guidelines audits apply to pull requests that need a web standards audit. A designer or engineer can run a review on changed UI files to catch guideline violations and accessibility issues before merging.

How do I check UI components for keyboard accessibility and readability?

To check UI components for keyboard accessibility and readability, perform a UX audit that flags common issues affecting keyboard use and clarity. This reviews component implementations against web interface guidelines to catch usability regressions.

What's the best way to catch design compliance issues before a release?

The best way to catch design compliance issues before release is to review changed UI files against current web interface guidelines. This identifies accessibility issues, visual inconsistencies, and usability regressions early in the development process.

Why does my UI review require fetching the latest web guideline source?

Fetching the latest web guideline source is required to compare provided frontend files against all current rules. This ensures the UI code audit identifies accessibility and usability issues based on the most up-to-date web standards.