skills.rest
slavochek2
slavochek2COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Evaluate UI code against Web Interface Guidelines and report violations in file:line format.

1|Updated Nov 26, 2025
Search Tags:#accessibility#frontend#usability#design-review#web-standards#ui-guidelines
One-click install
npx skills add https://github.com/slavochek2/claritypledge --skill web-design-guidelines-slavochek2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/slavochek2/claritypledge/tree/main/.claude/commands/web-design-guidelines
Command: npx skills add https://github.com/slavochek2/claritypledge --skill web-design-guidelines-slavochek2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams verify that their UI code adheres to Web Interface Guidelines, ensuring accessible, consistent, and user-friendly interfaces, reducing design debt and QA time.

Core Features & Use Cases

  • Fetches the latest Web Interface Guidelines from the official source
  • Reads target files or patterns provided by the user
  • Applies guidelines and reports violations in a concise file:line format
  • Use Case: When you want to audit a UI codebase for accessibility compliance across pages and components

Quick Start

Provide the UI files you want checked, or specify a file pattern, and initiate the guideline check.

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 frontend code for accessibility and web standards compliance?▼

You can audit UI code for accessibility and web standards by evaluating components and templates against Web Interface Guidelines, which reads target files and reports violations in a concise file:line format.

What is a UI design review and how does it work for web projects?▼

A UI design review for web projects evaluates frontend code against established web interface rules, fetching the latest guidelines from a source URL to identify accessibility issues and design debt automatically.

How do I audit a web app codebase for usability and UI guidelines?▼

To audit a web app codebase for usability, provide your target UI files or file patterns, and the audit applies web standards rules to output accessibility and design quality findings with specific file and line references.

Can I run an accessibility check on specific UI components and templates?▼

Yes, you can run an accessibility check on specific UI components and templates by specifying the target file patterns, which are then read and evaluated against web standards to surface guideline violations.

Does this UI code audit require any external dependencies or components?▼

No external dependencies or components are required to run this UI code audit, as it independently fetches the latest web interface guidelines from a source URL and reads your local frontend files directly.

What is the best way to reduce design debt and QA time for frontend web apps?▼

The best way to reduce design debt and QA time is to systematically verify UI code adherence to web interface guidelines, catching accessibility and consistency issues automatically before manual review.

Related Skills

Explore More Design & Creative Skills→
laymouna7laymouna7

web-design-guidelines

Evaluate frontend source code against Web Interface Guidelines and accessibility standards.

Community
Intermediate
Citrus-bitCitrus-bit
135

web-design-guidelines

Review UI code against the Web Interface Guidelines and output file:line violation reports.

Community
Intermediate
Kushal9889Kushal9889

husky

Sets up Husky git hooks to automate code quality checks and testing before commits.

Community
Intermediate
kolodachkolodach

web-design-guidelines

Review UI code against current web interface guidelines and report file:line violations.

Community
Intermediate