web-design-guidelines

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

Updated Jan 24, 2026
One-click install
npx skills add https://github.com/sarthchawla/InZone --skill web-design-guidelines-sarthchawla
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/sarthchawla/InZone/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/sarthchawla/InZone --skill web-design-guidelines-sarthchawla

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web projects often drift from established interface guidelines, leading to inconsistent UX and accessibility gaps. This Skill provides a repeatable way to verify UI code against current Web Interface Guidelines.

Core Features & Use Cases

  • Guideline-driven review: Fetch the latest guidelines and compare the UI files or patterns you specify.
  • Accessibility and usability checks: Identify contrast, structure, and interaction issues to improve inclusive design.
  • Use Case: When given a set of UI components or pages, run a compliance review and surface actionable fixes.

Quick Start

Provide the UI files you want reviewed and let the skill fetch guidelines to report any deviations.

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 consistency compliance?

To audit UI code for accessibility and consistency, provide your UI files to the skill, which fetches current web interface guidelines, parses target files, applies all rules, and outputs findings in a terse file:line format.

What is a web design guidelines audit and when do I need one?

A web design guidelines audit verifies UI code against established interface rules to identify accessibility gaps and inconsistent UX, needed when web projects drift from current standards and require repeatable UX validation.

How do I run a design review on a set of UI components?

To run a design review, provide the skill with the specific UI components or pages you want reviewed, and it will fetch the latest guidelines to report any deviations and surface actionable fixes.

Can I use this skill to check contrast and structure issues for inclusive design?

Yes, you can use this skill to check contrast and structure issues for inclusive design, as it specifically identifies structural, contrast, and interaction issues during its guideline-driven review process.

Does the accessibility audit require any dependencies or components to run?

The accessibility audit requires no dependencies or components to run, functioning independently to parse target files and apply web interface rules directly to your UI code.

What format does the web design guidelines review output use for findings?

The web design guidelines review outputs findings in a terse file:line format, applying all parsed rules to your target files to pinpoint exact accessibility and usability deviations.