skills.rest
codexyzdev
codexyzdevCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Analyze UI files for conformance with Web Interface Guidelines.

Updated Nov 11, 2025
Search Tags:#accessibility#UI#audit#compliance#design-guidelines#web-interface
One-click install
npx skills add https://github.com/codexyzdev/codexyz --skill web-design-guidelines-codexyzdev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/codexyzdev/codexyz/tree/main/.trae/skills/web-design-guidelines
Command: npx skills add https://github.com/codexyzdev/codexyz --skill web-design-guidelines-codexyzdev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you verify that your UI files comply with Web Interface Guidelines, catching accessibility and consistency issues early.

Core Features & Use Cases

  • Policy-based checks against the latest guidelines before deployment.
  • Automated review: scan files or patterns to surface compliance gaps.
  • Use Case: When asked to audit a site or component, run this Skill to identify accessibility, contrast, and semantics issues across UI assets.

Quick Start

Run the web-design-guidelines skill on your UI files or repository to fetch and apply the 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 files for web interface guidelines compliance?▼

To audit UI files for web interface guidelines compliance, run this skill to fetch the latest guidelines, read your specified files, and report accessibility and consistency findings in a file:line format.

What is web interface guideline compliance and when do I need it?▼

Web interface guideline compliance verifies that UI files meet accessibility and consistency standards. You need it when reviewing a site, checking accessibility, or validating UX adherence before deployment to catch issues early.

Can I use this to check accessibility and contrast issues across design assets?▼

Yes, you can use this skill to check accessibility and contrast issues across design assets, codebases, and components, applying policy-based checks against the latest guidelines to surface compliance gaps.

How do I scan codebases to surface UI compliance gaps before deployment?▼

To scan codebases and surface UI compliance gaps before deployment, run the skill on your repository files or patterns, which fetches the latest guidelines and reports findings in a file:line format for quick remediation.

What format are web interface guideline audit findings reported in?▼

Web interface guideline audit findings are reported in a file:line format, allowing you to pinpoint exact locations of accessibility, contrast, and semantics issues across your UI files and components.

Related Skills

Explore More Design & Creative Skills→
supersterlingsupersterling
1

web-design-guidelines

Audit UI assets against web interface guidelines and report findings.

Community
Intermediate
KaakatiKaakati
2

accessibility-auditor

Audit web content against WCAG 2.2 AA standards with automated checks.

Community
Advanced
lucasFR2lucasFR2

web-design-guidelines

Validate HTML code against Web Interface Guidelines in CI/CD workflows.

Community
Intermediate
kevinbarfleurkevinbarfleur

web-design-guidelines

Identify UI accessibility and design guideline violations in HTML, CSS, and JavaScript files.

Community
Basic