skills.rest
freekmurze
freekmurzeCOMMUNITY
Explore all skills by this author →
Website𝕏@freekmurzeGitHub

web-design-guidelines

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

997|201|Updated May 6, 2014
Search Tags:#design#accessibility#UI#ux#code-review#web-guidelines
One-click install
npx skills add https://github.com/freekmurze/dotfiles --skill web-design-guidelines-freekmurze
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/freekmurze/dotfiles/tree/main/config/claude/skills/web-design-guidelines
Command: npx skills add https://github.com/freekmurze/dotfiles --skill web-design-guidelines-freekmurze

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams ensure UI code adheres to the latest Web Interface Guidelines, reducing accessibility gaps, UX regressions, and inconsistent design across projects.

Core Features & Use Cases

  • Guideline-driven reviews: Evaluate HTML/CSS/JS against current Web Interface Guidelines.
  • Accessibility and UX checks: Identify issues affecting keyboard navigation, color contrast, ARIA usage, and visual clarity.
  • Conformance reporting: Produce concise findings suitable for code reviews with per-file line references.

Quick Start

Provide the files or patterns you want reviewed; it will fetch the latest guidelines and output findings in the standard file:line format.

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 HTML and CSS code for web accessibility and UX issues?▼

You can audit UI code for web accessibility and UX issues by providing your HTML, CSS, and JavaScript files. The tool fetches the latest Web Interface Guidelines and evaluates your code against current accessibility, UX, and visual-design rules.

What does a web interface guidelines code review check for?▼

A web interface guidelines code review checks HTML, CSS, and JavaScript for compliance with accessibility, UX, and visual-design rules. It identifies specific issues affecting keyboard navigation, color contrast, ARIA usage, and visual clarity.

Can I check JavaScript files for accessibility and visual design compliance?▼

Yes, you can check JavaScript files alongside HTML and CSS for accessibility and visual design compliance. The review applies current Web Interface Guidelines to all specified web project files and produces concise findings with line references.

How do I get a conformance report for UI code against up-to-date web guidelines?▼

You get a conformance report for UI code by providing your file patterns for review. The tool fetches the latest Web Interface Guidelines and outputs concise findings in a standard file:line format suitable for code reviews.

How are accessibility code review findings formatted for my web project?▼

Accessibility code review findings for your web project are formatted as concise per-file line references in a standard file:line format. This output is designed to be directly suitable for integration into your code review process.

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
takayatomosetakayatomose

web-design-guidelines

Compare HTML, CSS, and JavaScript files against Web Interface Guidelines.

Community
Intermediate
wjyugutouwjyugutou

web-design-guidelines

Automate UI code review against Web Interface Guidelines for accessibility and consistency.

Community
Intermediate
Zenobia000Zenobia000
20

community-web-guidelines

Check HTML, CSS, and JavaScript files for design and accessibility compliance.

Community
Intermediate