skills.rest
ehyland
ehylandCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

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

Updated Feb 3, 2026
Search Tags:#accessibility#frontend#UI#review#lint#web-guidelines
One-click install
npx skills add https://github.com/ehyland/skills --skill web-design-guidelines
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ehyland/skills/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/ehyland/skills --skill web-design-guidelines

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Web Design Guidelines skill automates the assessment of UI code against the latest Web Interface Guidelines, helping teams ensure accessibility, consistency, and a high-quality user experience.

Core Features & Use Cases

  • Guidelines-driven evaluation: fetch and apply the official rules to HTML, CSS, and JavaScript assets.
  • Automated checks: detect accessibility issues, semantic gaps, and visual guideline deviations across projects.
  • Use Case: run a compliance audit on a new web app to surface violations before release.

Quick Start

Run a UI review by providing a target file or pattern, for example: 'src/index.html', 'src//*.css', or 'public//*.{html,css,js}'.

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 website for accessibility and design guideline compliance?▼

Accessibility audits evaluate UI code against Web Interface Guidelines to detect violations in HTML, CSS, and JavaScript. Specify target files or patterns like 'src/**/*.html' to automatically surface accessibility issues, semantic gaps, and visual guideline deviations without modifying your project structure.

Can I check HTML, CSS, and JavaScript files against web standards automatically?▼

Yes. The skill fetches official Web Interface Guidelines and applies built-in evaluation rules to HTML, CSS, and JavaScript assets. It identifies accessibility, semantic, layout, and visual compliance issues across projects of any size in a single run.

What accessibility issues does a UI review catch?▼

UI reviews detect semantic gaps, accessibility violations, layout inconsistencies, and visual deviations from Web Interface Guidelines. Results surface specific conformance issues in your HTML, CSS, and JavaScript before release.

Do I need to modify my project to run compliance checks?▼

No. Compliance checks require only specifying target files or patterns—no changes to project structure, dependencies, or build configuration are needed. The skill works with projects of any size.

When should I run a UI compliance audit?▼

Run audits before releasing a web app to surface guideline violations early, after UI refactors to verify conformance, or during development to catch accessibility and design issues incrementally across HTML, CSS, and JavaScript assets.

Related Skills

Explore More Design & Creative Skills→
d0whc3rd0whc3r

web-design-guidelines

Compare UI code files against Web Interface Guidelines and report compliance issues in file:line format.

Community
Intermediate
efekrbasefekrbas
41

web-design-guidelines

Detect web interface guideline violations in UI files and report file:line results.

Community
Intermediate
zero3041zero3041
1

verification-loop

Automate build, type, lint, test, and security checks for Claude Code sessions.

Community
Advanced
bobvarkeybobvarkey

accessibility

Audit web accessibility against WCAG 2.2 using Lighthouse and axe.

Community
Advanced