skills.rest
vogon101
vogon101COMMUNITY
Explore all skills by this author →
Website𝕏@freddie_poserGitHub

web-design-guidelines

Analyzes HTML, CSS, and JavaScript code against Web Interface Guidelines.

Updated Jan 20, 2026
Search Tags:#accessibility#UI#review#guidelines#design-review#web-standards
One-click install
npx skills add https://github.com/vogon101/KnowledgeWork --skill web-design-guidelines-vogon101
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/vogon101/KnowledgeWork/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/vogon101/KnowledgeWork --skill web-design-guidelines-vogon101

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams verify UI code against the latest Web Interface Guidelines to ensure accessibility, usability, and visual consistency across products.

Core Features & Use Cases

  • Fetches and applies the latest Web Interface Guidelines from the source URL.
  • Scans target UI files (HTML/CSS/JS) for conformance against the rules.
  • Outputs findings in a terse file:line format to guide fixes and improvements.

Quick Start

Provide a path or pattern for UI files to review. The skill fetches the latest guidelines, analyzes the target files, and outputs results in the 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 accessibility compliance?▼

To audit HTML and CSS code for accessibility, this skill analyzes target files against the latest Web Interface Guidelines. It reads files by path or pattern, applies all rules, and reports findings in a terse file:line format.

What is a UI design review and how does it improve UX quality?▼

A UI design review verifies interface code against web standards to ensure accessibility, usability, and visual consistency. This skill fetches the latest guidelines, applies all rules to target files, and outputs findings to guide fixes and improvements.

Can I review a specific file pattern for web standards conformance?▼

Yes, you can review a specific file pattern for web standards conformance by providing a path or pattern for UI files. The skill fetches the latest guidelines, analyzes the matching HTML, CSS, and JavaScript files, and outputs results.

Does this accessibility audit work with JavaScript web apps?▼

Yes, this accessibility audit works with JavaScript web apps. It applies to HTML, CSS, and JavaScript codebases, making it suitable for audits of websites, web apps, and design systems.

What format do accessibility review findings follow?▼

Accessibility review findings follow a terse file:line format. This output style directly guides fixes and improvements by pinpointing exactly where target UI files violate the applied Web Interface Guidelines.

Do I need to manually update web standards rules to check conformance?▼

No, you do not need to manually update web standards rules to check conformance. The skill automatically fetches the latest Web Interface Guidelines from a remote source before analyzing target UI files.

Related Skills

Explore More Design & Creative Skills→
JetBrainsJetBrains
302

web-design-guidelines

Fetch web interface guidelines and validate HTML, CSS, and JS files for noncompliant UI patterns.

Official
Intermediate
antfuantfu
5.7k

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and usability.

Community
Basic
hiromailyhiromaily
126

makefile-update

lint and dry-run validate Makefile and make/*.mk changes.

Community
Basic
zeronx798zeronx798

dogfood

Navigate web pages and interact with DOM elements to detect functional, visual, accessibility issues via browser snapshots and console error monitoring, producing structured bug reports.

Community
Advanced