web-design-guidelines

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure their web user interfaces comply with established Web Interface Guidelines by automatically reviewing UI code for accessibility, consistency, and usability issues.

Core Features & Use Cases

  • Guideline-driven review: Fetch the latest guidelines and compare UI files against the rules.
  • Automated checks: Identify accessibility gaps, semantic issues, and design inconsistencies.
  • Use Case: Run this skill to audit a new landing page for color contrast, aria-label coverage, and responsive behavior before launch.

Quick Start

Use the web-design-guidelines skill to audit your UI files for accessibility and design compliance. Provide a file or pattern argument for the UI assets you want reviewed. The skill fetches the latest guidelines, applies them to the target files, and reports findings in a terse 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 UI code for accessibility and design compliance?

To audit UI code for accessibility and design compliance, provide your UI files to the review tool. It fetches the latest web interface guidelines, applies the rules to your target files, and outputs findings in a terse file:line format.

What is a web interface guidelines review for user interfaces?

A web interface guidelines review is an automated check that compares your UI code against established rules for accessibility, semantic structure, and usability to identify compliance gaps before launch.

Can I check my website against best practices for UX and color contrast?

Yes, you can check your website against best practices by running an automated UI audit. It reviews your files for color contrast, aria-label coverage, responsive behavior, and semantic issues.

How do I review my UI files for semantic and accessibility issues?

To review UI files for semantic and accessibility issues, pass the file or pattern argument to the audit tool. It fetches fresh guidelines, reads the files, and reports specific findings in a terse file:line format.

Does this UI audit support checking responsive behavior and aria-label coverage?

Yes, this UI audit supports checking responsive behavior and aria-label coverage. It fetches the latest web interface guidelines and applies them to identify accessibility gaps, semantic issues, and design inconsistencies.

What is the best way to check a landing page for web interface compliance before launch?

The best way to check a landing page for web interface compliance is running an automated guideline-driven review. It fetches fresh rules, applies them to your target files, and outputs accessibility and design findings in a terse file:line format.