skills.rest
DayMoonDevelopment
DayMoonDevelopmentOFFICIAL
Explore all skills by this author →
𝕏@daymoondevGitHub

web-design-guidelines

Identify accessibility and UX violations in UI code against Web Interface Guidelines.

68|18|Updated Aug 12, 2025
Search Tags:#ui#accessibility#a11y#audit#guidelines#ux#web-design
One-click install
npx skills add https://github.com/DayMoonDevelopment/post-for-me --skill web-design-guidelines-daymoondevelopment
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/DayMoonDevelopment/post-for-me/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/DayMoonDevelopment/post-for-me --skill web-design-guidelines-daymoondevelopment

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure web interfaces comply with established Web Interface Guidelines, reducing accessibility issues and UX gaps.

Core Features & Use Cases

  • Fetches the latest guidelines from the source URL before reviewing any files
  • Reads the specified UI files or patterns and evaluates them against the guidelines
  • Reports violations with clear, actionable recommendations to improve accessibility and UX

Quick Start

Ask the AI to review the provided UI files against the latest Web Interface Guidelines and report any violations.

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 issues?▼

To audit UI code for accessibility issues, this Skill reads target web pages or components, evaluates them against fetched Web Interface Guidelines, and reports specific violations in a standard file:line format.

Can I check my web design against specific UX guidelines?▼

Yes, you can check web design against UX guidelines by providing specific UI files or patterns for review; the Skill fetches current guidelines and evaluates the files to identify accessibility or UX gaps.

How does the accessibility review process work for web components?▼

The accessibility review process works by fetching the latest Web Interface Guidelines from a remote URL, reading the specified UI files or patterns, and outputting clear, actionable recommendations for detected violations.

Do I need to manually update the web interface guidelines for the audit?▼

No, you do not need to manually update web interface guidelines; the Skill automatically fetches the latest guidelines from the remote source URL before reviewing any target project files.

What format are accessibility violations reported in?▼

Accessibility violations are reported in a standard file:line format, providing clear, actionable recommendations directly mapped to the evaluated web components and pages to improve accessibility and UX.

Related Skills

Explore More Design & Creative Skills→
shige1014-devshige1014-dev

web-design-guidelines

Fetch web interface guidelines and audit UI files for compliance.

Community
Intermediate
mmsu-pawpatrolmmsu-pawpatrol
2

web-design-guidelines

Analyze HTML, CSS, and JavaScript files for design and accessibility standard violations.

Official
Intermediate
Matrix-The-OneMatrix-The-One

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and UX gaps.

Community
Intermediate
dominika-zajacdominika-zajac

accessibility-audit

Run Lighthouse audits and custom heuristics to report WCAG accessibility issues.

Community
Advanced