skills.rest
dereknex
dereknexCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review HTML, CSS, and JS UI code against Web Interface Guidelines.

Updated Aug 27, 2026
Search Tags:#ui#accessibility#audit#review#design-guidelines#web-interface
One-click install
npx skills add https://github.com/dereknex/skills --skill web-design-guidelines-dereknex
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/dereknex/skills/tree/main/web-design-guidelines
Command: npx skills add https://github.com/dereknex/skills --skill web-design-guidelines-dereknex

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure their UI and web designs conform to the latest Web Interface Guidelines, reducing accessibility and usability gaps across projects.

Core Features & Use Cases

  • Fetches the most recent Web Interface Guidelines and applies them to the specified UI files or codebases.
  • Checks accessibility, consistency, and design-system alignment across HTML, CSS, and JavaScript assets.
  • Use Case: When you want to verify a new page or component against the guidelines before deployment, ensuring compliance and quality.

Quick Start

Review the provided UI files against the latest Web Interface 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 code for accessibility and visual quality compliance?▼

You can verify UI compliance by applying this Skill to your HTML, CSS, and JavaScript assets; it fetches the latest Web Interface Guidelines and outputs findings in a terse file:line format.

What is the best way to check Web Interface Guidelines compliance before deployment?▼

Checking compliance involves validating your new page or component against fetched Web Interface Guidelines, ensuring accessibility, consistency, and visual quality across your HTML and CSS assets.

Can I use this to review a design system's alignment with web interface standards?▼

Yes, you can apply this to design systems to check accessibility and consistency alignment across your HTML, CSS, and JavaScript assets against the latest Web Interface Guidelines.

Does the UI compliance review work with HTML, CSS, and JavaScript assets?▼

Yes, the review supports HTML, CSS, and JavaScript assets, fetching the latest Web Interface Guidelines to validate accessibility and visual quality before you deploy.

How do I get accessibility findings in a file:line format for my web interface?▼

You get findings in a terse file:line format by applying the Skill to your UI files; it validates your code against the latest Web Interface Guidelines and outputs results directly.

Related Skills

Explore More Design & Creative Skills→
uzh-bfuzh-bf
41

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Official
Basic
abereghiciabereghici

web-design-guidelines

Scan HTML, CSS, and JavaScript/TypeScript files for Web Interface Guidelines compliance.

Community
Intermediate
CallMeLuigiv2CallMeLuigiv2

web-design-guidelines

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

Community
Basic
NammDevNammDev
2

web-design-guidelines

Audit frontend HTML/CSS/JS code for Web Interface Guidelines compliance and accessibility issues.

Community
Intermediate