web-design-guidelines

Identify accessibility and design guideline violations in web UI code.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This capability helps teams identify accessibility and design guideline violations in UI code, reducing usability gaps and ensuring consistent interfaces.

Core Features & Use Cases

  • Fetch latest guidelines: Retrieve the most current rules from the official Web Interface Guidelines source prior to reviews.
  • Validate UI files: Read user-provided files or patterns and apply all guidelines to detect violations.
  • Report findings: Output results in a concise, deterministic format suitable for handoffs and audits.

Quick Start

Provide the UI files or pattern to review, and I will fetch the latest guidelines and run the checks.

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 accessibility violations?

You can audit UI code for accessibility violations by providing your web files or component patterns for review. The system fetches current interface guidelines and applies them to detect markup, color contrast, and keyboard navigation issues.

What is web design guideline linting for component libraries?

Web design guideline linting for component libraries is the process of validating UI markup against official rules. It verifies responsive behavior and design system consistency to reduce usability gaps.

Can I check color contrast and keyboard navigation in a design audit?

Yes, you can check color contrast and keyboard navigation during a design audit. The review process applies web interface guidelines to your provided UI files to identify these specific accessibility deficits.

How do I review a web UI codebase for a11y best practices?

To review a web UI codebase for a11y best practices, input your codebase files or patterns. The system reads the code, applies fetched rules, and outputs concise findings in a standardized format for audits.

Does the accessibility review require any specific dependencies?

No specific dependencies are required to run the accessibility review. You simply need to provide the UI files or patterns, and the system will fetch the latest rules from the guidelines source to perform the checks.

What format do the accessibility audit findings follow?

The accessibility audit findings follow a concise, deterministic, standardized format. This output structure ensures the results are suitable for direct handoffs and consistent design system audits.