web-design-guidelines

Name: web-design-guidelines
Availability: InStock
Author: samuelross99

Review UI code against Web Interface Guidelines and output file:line findings.

1|Updated Jan 21, 2026

Search Tags:#design #accessibility #UI #compliance #review #guidelines #web

Ready to run

npx skills add https://github.com/samuelross99/designforge --skill web-design-guidelines-samuelross99

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/samuelross99/designforge/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/samuelross99/designforge --skill web-design-guidelines-samuelross99

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure UI/UX code conforms to established Web Interface Guidelines, reducing accessibility and consistency issues across projects.

Core Features & Use Cases

Guideline-driven review: Compare UI assets and code against the latest guidelines.
Automated fetch of rules: Retrieves rules from the official source before each review.
Usage scenarios: Ideal for accessibility audits, UX reviews, and design-conformity checks on web apps.

Quick Start

Review the UI codebase against the latest Web Interface Guidelines by providing target files or URLs and enabling rule fetch.

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 UI code for accessibility compliance?▼

You can audit web UI code for accessibility compliance by fetching the latest Web Interface Guidelines and reviewing specified files to output findings in a file:line format. This process checks UI assets against established rules to reduce consistency issues across projects.

What is a UI code review against Web Interface Guidelines?▼

A UI code review against Web Interface Guidelines is an automated process that fetches official rules to compare UI assets and code. It identifies accessibility issues and design conformity gaps, outputting findings in a file:line format for web projects.

How do I perform a site-wide design conformity check on web apps?▼

Perform a site-wide design conformity check by providing target files or URLs to the review process and enabling rule fetch. It retrieves the latest Web Interface Guidelines to compare against your UI code and outputs findings in a file:line format for web apps.

Can I use fetched guidelines to check UI patterns across web projects?▼

Yes, you can use fetched guidelines to check UI patterns across web projects. The review process automatically retrieves the latest rules from the official source URL before each review, ensuring your UI code conformity checks use current accessibility standards.

Does the accessibility audit output findings in a specific format?▼

Yes, the accessibility audit outputs findings in a file:line format as per the Web Interface Guidelines. This format points directly to the exact locations in your UI code where accessibility or UX conformity issues occur across your web projects.