web-design-guidelines

Reviews UI code for compliance with Web Interface Guidelines, outputting actionable file:line findings.

Updated May 26, 2026
One-click install
npx skills add https://github.com/anukkrit149/anukkrit-skills --skill web-design-guidelines-anukkrit149
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/anukkrit149/anukkrit-skills/tree/main/cloud/skills/web-design-guidelines
Command: npx skills add https://github.com/anukkrit149/anukkrit-skills --skill web-design-guidelines-anukkrit149

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web pages and UI components often drift away from accessibility and UX best practices, causing usability issues, compliance risks, and inconsistent user experiences.

Core Features & Use Cases

  • Guideline-based UI audits: Reviews provided UI code against the current Web Interface Guidelines ruleset.
  • Fresh rule retrieval: Fetches the latest guidelines before each review to keep results aligned with current standards.
  • Actionable, location-specific findings: Reports issues in a concise file:line format so developers can fix problems quickly.

Quick Start

Ask it to review the files you want to check 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 my UI code for web accessibility and UX best practices?

You can audit UI code for web accessibility by providing your source files for review. The tool checks the code against the latest Web Interface Guidelines and outputs specific findings in a file:line format so you can fix issues quickly.

What are web accessibility compliance checks and how do they work?

Web accessibility compliance checks review UI code against a ruleset of UX guidelines to flag non-compliance. The tool fetches the latest guideline rules, reads your source inputs, and reports accessibility and design issues at specific file locations.

Can I run a UX guidelines review on specific files or file patterns?

Yes, you can run a UX guidelines review on specified files or file patterns. You provide the source inputs you want checked, and the tool reads those files to apply all compliance checks against the current Web Interface Guidelines.

Does this accessibility audit fetch the latest web design guidelines before reviewing?

Yes, the accessibility audit fetches the latest web design guidelines before each review. This ensures that the compliance checks and UI audit results stay aligned with current web accessibility and UX best practices.

How do I get actionable location-specific findings from a UI audit?

A UI audit provides actionable findings by reporting issues in a concise file:line format. This location-specific output pinpoints exactly where your code violates web accessibility guidelines so developers can fix problems quickly.

What are the limitations of automated code review for web accessibility?

Automated code review for web accessibility flags non-compliance with guideline rules in your source files but requires you to provide the correct file inputs. It outputs file:line findings but does not automatically fix the code or test runtime interactions.