web-design-guidelines

Check UI code against Web Interface Guidelines and report findings in file:line format.

Updated Feb 12, 2026
One-click install
npx skills add https://github.com/duc01226/SoftwareDevCareers --skill web-design-guidelines-duc01226
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/duc01226/SoftwareDevCareers/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/duc01226/SoftwareDevCareers --skill web-design-guidelines-duc01226

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review files for compliance with Web Interface Guidelines to ensure accessibility, usability, and visual consistency across a web project.

Core Features & Use Cases

  • Fetch the latest guidelines from the source URL below
  • Read the specified files (or prompt user for files/pattern)
  • Check against all rules in the fetched guidelines
  • Output findings in the terse file:line format

Quick Start

Fetch the latest guidelines URL, read your target files or patterns, apply all rules, and report findings in the guideline's 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 web project for accessibility and visual consistency?

You can audit web project files by fetching the latest Web Interface Guidelines and evaluating your codebase against those rules to ensure accessibility, usability, and visual consistency. The Skill outputs findings in a concise file:line format.

What is a web design guidelines audit and when do I need it?

A web design guidelines audit is an automated review of UI code against established interface rules to check for accessibility and visual consistency. You need it when reviewing a web project's codebase or site files to ensure compliance with the latest interface standards.

How do I check UI code against the latest web interface guidelines?

To check UI code, the Skill fetches the latest guidelines from a remote source URL, reads your specified target files or file patterns, applies all rules from the fetched guidelines, and reports findings in a terse file:line format.

Can I use this accessibility audit on specific files or patterns in my codebase?

Yes, you can use this accessibility audit on specific files or patterns. You provide the target files or prompt for a file pattern, and the Skill evaluates each target against the fetched Web Interface Guidelines across your web project.

Does this UI accessibility audit require any dependencies or components?

No, this UI accessibility audit requires no external dependencies or components. It operates independently by fetching guidelines from a remote source and evaluating your web project files directly.

What format does the accessibility audit output its findings in?

The accessibility audit outputs its findings in a terse file:line format. This concise reporting style identifies exactly where in your codebase the UI does not comply with the fetched Web Interface Guidelines.