skills.rest
vojtechmares
vojtechmaresCOMMUNITY
Explore all skills by this author →
Website𝕏@vojtechmares_GitHub

web-design-guidelines

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

1|Updated Oct 22, 2025
Search Tags:#code quality#accessibility#ui review#web design#guidelines#ux audit
One-click install
npx skills add https://github.com/vojtechmares/mares.cz --skill web-design-guidelines-vojtechmares
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/vojtechmares/mares.cz/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/vojtechmares/mares.cz --skill web-design-guidelines-vojtechmares

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures that user interface code adheres to established Web Interface Guidelines, improving consistency and quality.

Core Features & Use Cases

  • UI Code Review: Analyzes files against a set of predefined web design and accessibility rules.
  • Automated Auditing: Quickly checks designs and user experience elements for best practice compliance.
  • Use Case: When you need to ensure a new component or page meets your company's visual and functional standards before deployment.

Quick Start

Use the web-design-guidelines skill to review the file 'src/components/Button.tsx' for compliance.

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

To audit UI code for accessibility compliance, use this skill to review your files against fetched Web Interface Guidelines, outputting findings in a terse file:line format for quick fixes.

What is a UI review against Web Interface Guidelines?▼

A UI review against Web Interface Guidelines is an automated process that analyzes user interface code to ensure it adheres to established design and accessibility best practices before deployment.

Can I use a custom URL for UX audit guidelines when checking my components?▼

Yes, you can use a custom URL for UX audit guidelines; the skill fetches the latest Web Interface Guidelines from a specified URL to evaluate your UI code compliance.

What is the best way to check if a new page meets web design guidelines?▼

The best way to check if a new page meets web design guidelines is to run an automated UI code review that analyzes the component files and outputs non-compliant findings in a file:line format.

What format do accessibility and UX audit findings output in?▼

Accessibility and UX audit findings output in a terse file:line format, pinpointing exactly where your UI code violates the fetched Web Interface Guidelines for immediate review.

Related Skills

Explore More Design & Creative Skills→
Michae2xlMichae2xl

web-design-guidelines

Review UI code against Web Interface Guidelines for compliance issues.

Community
Intermediate
lukebazelukebaze

web-design-guidelines

Identify UI compliance issues by comparing code with Web Interface Guidelines and accessibility standards.

Community
Intermediate
CwuztoCwuzto

web-design-guidelines

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

Community
Intermediate
robotijnrobotijn
3

accessibility-checker

Scan web applications for WCAG 2.2 Level AA conformance and generate triaged compliance reports.

Community
Advanced