web-design-guidelines

Audit web UI files for accessibility and UX guideline compliance.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review files for compliance with Web Interface Guidelines and industry best practices for accessibility and UX.

Core Features & Use Cases

  • Fetches up-to-date UI guidelines from a centralized source.
  • Analyzes provided UI assets and code for accessibility, semantic structure, and UX conformance.
  • Use Case: Run an audit before deployment to ensure pages meet guidelines and improve usability.

Quick Start

Provide the target UI files or patterns and I will fetch the latest guidelines and return a concise accessibility and UX compliance audit.

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 and UX compliance?

To audit UI code for accessibility and UX compliance, provide your web project files or design assets. The system fetches official Web Interface Guidelines and analyzes your code, markup, and visuals to identify conformance gaps.

What is a UI accessibility and semantic structure audit?

A UI accessibility and semantic structure audit is a review process that checks web design assets against industry best practices. It identifies compliance gaps in contrast, semantic markup, and UX consistency across your visual and code assets.

How do I check if my web design meets official UX guidelines?

To check if your web design meets official UX guidelines, submit your UI files and patterns. The system fetches up-to-date centralized guidelines and returns a concise compliance audit highlighting accessibility and UX issues.

Can I audit visual design assets for contrast and UX consistency?

Yes, you can audit visual design assets and code for contrast and UX consistency. The analysis checks provided UI assets against official guidelines to identify accessibility and semantic structure conformance gaps.

What format do accessibility audit findings follow?

Accessibility audit findings follow a terse file:line format. This concise output structure pinpoints exact locations of UI design compliance gaps within your code, markup, and visual assets for easy remediation.