skills.rest
sunchendd
sunchenddCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Identify UI code violations of Web Interface Guidelines and report actionable fixes by file:line.

3|1|Updated Feb 2, 2026
Search Tags:#design#accessibility#a11y#guidelines#ux#web#ui-audit
One-click install
npx skills add https://github.com/sunchendd/good_skills --skill web-design-guidelines-sunchendd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/sunchendd/good_skills/tree/main/web-design-guidelines
Command: npx skills add https://github.com/sunchendd/good_skills --skill web-design-guidelines-sunchendd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web interfaces often fail to meet accessibility and usability standards, creating friction for users and teams to maintain quality and compliance.

Core Features & Use Cases

  • Automated UI compliance checks: Scan HTML, CSS, and ARIA usage to identify violations of established guidelines.
  • Audits and UX reviews: Apply latest design and accessibility rules across pages or components to surface actionable fixes.
  • Use Case: A design team wants to validate a new landing page against the guidelines and generate a prioritized list of fixes.

Quick Start

Analyze the provided UI files against the latest 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 UI code for web accessibility and UX violations?▼

You can audit UI code by applying the latest web accessibility and UX rules to your markup and styling. The skill identifies guideline violations across components and surfaces actionable fixes in a file:line format.

What is the best way to check HTML and ARIA usage against web interface guidelines?▼

Checking HTML and ARIA usage involves scanning your UI code against established web interface guidelines. This automated compliance check identifies violations across components and generates a prioritized list of actionable fixes.

Can I use this skill to validate a new landing page for UX compliance?▼

Yes, you can validate a new landing page for UX compliance by running an automated UI compliance check. The skill applies the latest design and accessibility rules to generate a prioritized list of actionable fixes.

Does this web accessibility audit require specific dependencies or components?▼

This web accessibility audit requires no external dependencies or components. It directly fetches the latest rules from the Guidelines Source to analyze your HTML, CSS, and ARIA usage during reviews.

How do I fix UI code that violates web accessibility standards?▼

To fix UI code that violates web accessibility standards, review the audit findings provided in a file:line format. The skill applies all interface rules and surfaces actionable fixes for each identified violation.

Related Skills

Explore More Design & Creative Skills→
CallMeLuigiv2CallMeLuigiv2

web-design-guidelines

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

Community
Basic
mahamaneharouna9-cpumahamaneharouna9-cpu

accessibility-expert

Audit web accessibility for WCAG 2.1/2.2 compliance and ARIA errors.

Community
Advanced
zai-orgzai-org
588

web-design-guidelines

Evaluate UI assets for accessibility and design conformance issues.

Official
Intermediate
mgiffordmgifford

module-testing

Analyze Drupal module impact on accessibility violations via automated testing.

Community
Advanced