skills.rest
samuelross99
samuelross99COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

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
One-click install
npx skills add https://github.com/samuelross99/designforge --skill web-design-guidelines-samuelross99
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
patrickhaahrpatrickhaahr

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design quality.

Community
Basic
supersterlingsupersterling
1

web-design-guidelines

Audit UI assets against web interface guidelines and report findings.

Community
Intermediate
viably-labsviably-labs

google-design-md

Lint DESIGN.md and export design tokens to CSS variables or framework formats.

Official
Intermediate
rustykuntzrustykuntz
1

vercel-deploy

Deploy web applications and static sites to Vercel with framework detection.

Community
Intermediate