skills.rest
WD-CHINA
WD-CHINACOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit HTML and CSS files for design and accessibility compliance.

Updated Apr 29, 2026
Search Tags:#ui#accessibility#audit#review#guidelines#web
One-click install
npx skills add https://github.com/WD-CHINA/ppt-web-player --skill web-design-guidelines-wd-china
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/WD-CHINA/ppt-web-player/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/WD-CHINA/ppt-web-player --skill web-design-guidelines-wd-china

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps developers and designers verify their web interfaces for adherence to established UI guidelines, improving accessibility, usability, and consistency.

Core Features & Use Cases

  • Guideline Compliance: Review web interface files against comprehensive design standards.
  • Audit and Improve: Identify issues related to accessibility, layout, and best practices.
  • Use Case: When a developer wants to ensure their website meets accessibility standards, they can request an audit of their HTML and CSS files.

Quick Start

Use the web-design-guidelines skill to review your UI files for compliance with design standards.

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 web interface code for accessibility and UI guideline compliance?▼

To audit web interface code for accessibility and UI compliance, you can review your HTML and CSS files against established design standards to identify layout issues and best practice deviations automatically.

What does a web design guidelines check cover for usability and consistency?▼

A web design guidelines check covers code review, accessibility auditing, and design consistency verification by fetching and analyzing established rules to identify violations across your web files and assets.

How do I check if my website meets established accessibility standards?▼

You can check if your website meets accessibility standards by running an audit on your HTML and CSS files to verify adherence to established UI guidelines and identify compliance issues.

Can I review web interface files for layout and best practice deviations?▼

Yes, you can review web interface files by analyzing guideline rules to identify issues related to accessibility, layout, and best practices, ensuring usability and compliance across your web projects.

What's the best way to verify design consistency across multiple web files and assets?▼

The best way to verify design consistency is to check your web interface code against comprehensive design standards, analyzing rules to identify violations and best practice deviations across all project files.

Related Skills

Explore More Design & Creative Skills→
kevinxo328kevinxo328
5

web-design-guidelines

Review HTML, CSS, and frontend files against Web Interface Guidelines.

Community
Intermediate
blackgirlbytesblackgirlbytes

audit-a11y

Audit React/Next.js components for WCAG 2.1 AA accessibility violations.

Community
Intermediate
marcojsmithmarcojsmith
2

web-design-guidelines

Audit web interfaces against fetched Web Interface Guidelines and emit file:line findings.

Community
Intermediate
ckyeonckyeon

web-design-guidelines

Identify code deviations from Web Interface Guidelines during UI code reviews.

Community
Intermediate