skills.rest
stellarone
stellaroneOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

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

Updated Aug 23, 2026
Search Tags:#accessibility#code compliance#ui audit#ux review#file:line reporting#web interface guidelines
One-click install
npx skills add https://github.com/stellarone/evaluate --skill web-design-guidelines-stellarone
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/stellarone/evaluate/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/stellarone/evaluate --skill web-design-guidelines-stellarone

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you identify usability, accessibility, and UX/design issues in your UI code so you can fix problems before they reach users.

Core Features & Use Cases

  • Guideline-driven reviews: Fetches the latest Web Interface Guidelines and applies all rules to your provided files.
  • Targeted code inspection: Reads specific files or accepts a file/pattern argument to focus the audit on the relevant parts of your project.
  • Actionable reporting: Produces findings in the terse file:line format so issues are easy to locate and remediate.
  • Common use: Use it when you need an accessibility check, a design/UX audit, or a best-practices review of a web interface.

Quick Start

Run web-design-guidelines and provide the specific files or a glob pattern you want reviewed (or ask it which files to audit).

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check my web interface code for accessibility and UX violations?▼

To check web interface code for accessibility and UX violations, provide your specific frontend files or glob patterns to trigger a guideline-driven review. The audit fetches the latest Web Interface Guidelines and applies all rules to detect compliance issues.

What is a UI code audit against web best practices?▼

A UI code audit against web best practices is a review process that reads your frontend files to detect violations of Web Interface Guidelines. It identifies usability, accessibility, and design quality issues before they reach users.

How do I get file:line reporting for frontend accessibility issues?▼

To get file:line reporting for frontend accessibility issues, run a UI audit on your specific files or patterns. The review checks all rules from fetched guidelines and outputs findings in a terse file:line format for easy location and remediation.

Can I audit a specific subset of UI files for design compliance?▼

Yes, you can audit a specific subset of UI files for design compliance by providing specific files or a glob pattern argument. This targets the inspection to the relevant parts of your project rather than scanning everything.

What's the best way to review web frontend code for UX and design quality?▼

The best way to review web frontend code for UX and design quality is using a guideline-driven audit that fetches the latest Web Interface Guidelines. It applies all best-practice rules to your provided files and outputs actionable findings.

Related Skills

Explore More Design & Creative Skills→
FlorianBruniauxFlorianBruniaux
77

web-design-guidelines

Audit UI code against web interface guidelines and report violations.

Community
Intermediate
agoudbgagoudbg
7

web-design-guidelines

Audits selected files for UI accessibility and design-rule violations.

Community
Intermediate
nanorepublicananorepublica
61

Testing Test Writing

Enforce standardized test-writing guidelines within Claude Code workflows.

Community
Basic
apexradiusapexradius

a11y-check

Audit web content accessibility against WCAG 2.2 AA standards.

Official
Advanced