skills.rest
ShutovKS
ShutovKSCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Identify UI design and accessibility gaps against Web Interface Guidelines.

3|2|Updated Apr 1, 2026
Search Tags:#accessibility#web-design#design-guidelines#ui-audit#frontend-quality#guideline-check
One-click install
npx skills add https://github.com/ShutovKS/tts-server --skill web-design-guidelines-shutovks
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ShutovKS/tts-server/tree/main/.opencode/skills/web-design-guidelines
Command: npx skills add https://github.com/ShutovKS/tts-server --skill web-design-guidelines-shutovks

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Web Interface Guidelines skill helps teams ensure UI code conforms to current web-design and accessibility standards by automating guideline checks against code and design artifacts.

Core Features & Use Cases

  • Guideline alignment: Compare markup and styles against latest web-interface guidelines.
  • Accessibility validation: Spot common accessibility issues and suggest fixes.
  • Use Case: When auditing a UI module, run this skill to surface violations and recommended changes.

Quick Start

Review a UI codebase or design files and run the latest Web Interface Guidelines checks to surface violations.

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 codebase for web design and accessibility violations?▼

To check your codebase for web design and accessibility violations, run an automated guideline check that cross-references the latest Web Interface Guidelines against your files and reports issues in a concise file:line format.

What is a UI design audit and how does it identify frontend quality issues?▼

A UI design audit compares your markup and styles against current web-interface guidelines to spot alignment gaps and accessibility issues, producing prioritized fixes and concrete recommendations for improved frontend quality.

Can I use this to validate accessibility on existing UI modules?▼

Yes, you can validate accessibility on existing UI modules by running the skill to surface violations and recommended changes, ensuring your current code conforms to modern web-design standards.

How do I get actionable recommendations from a web interface guideline check?▼

To get actionable recommendations from a web interface guideline check, apply the guidelines to your provided files or codebase patterns to receive a report of prioritized fixes and concrete recommendations.

Does the UI audit require any specific dependencies or components to run?▼

No specific dependencies or components are required to run the UI audit, allowing you to directly review a UI codebase or design files and run Web Interface Guidelines checks to surface violations.

Related Skills

Explore More Design & Creative Skills→
d3mingd3ming

web-design-guidelines

Compare UI code against Web Interface Guidelines and report file:line violations.

Community
Intermediate
Kevin-Liu-01Kevin-Liu-01
16

web-design-guidelines

Identify UI design and accessibility issues in React/TSX, HTML/CSS, and assets against the latest Web Interface Guidelines.

Community
Intermediate
TrimudTrimud

web-design-guidelines

Compare frontend code against Web Interface Guidelines and report violations.

Community
Intermediate
rayriffyrayriffy
127

web-design-guidelines

Compare UI files against Web Interface Guidelines to report compliance violations.

Community
Intermediate