skills.rest
thgterto
thgtertoCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Analyzes UI code for compliance with Web Interface Guidelines and reports violations.

Updated Jan 3, 2026
Search Tags:#ui#accessibility#frontend#audit#usability#design-guidelines
One-click install
npx skills add https://github.com/thgterto/Gerenciador-de-estoque --skill web-design-guidelines-thgterto
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/thgterto/Gerenciador-de-estoque/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/thgterto/Gerenciador-de-estoque --skill web-design-guidelines-thgterto

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams verify that web interfaces comply with established Web Interface Guidelines, focusing on accessibility, usability, and visual consistency across components and pages.

Core Features & Use Cases

  • Automated conformance checks against the latest Web Interface Guidelines for UI components and pages.
  • Accessibility and usability evaluation, including color contrast, semantic HTML, keyboard navigation, and ARIA role checks.
  • Guidance for remediation with actionable findings to improve design quality and consistency.

Quick Start

Provide the UI source files or a project path to review and I will assess them against the latest Web Interface Guidelines.

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 frontend code for UI accessibility issues?▼

To audit frontend code for UI accessibility issues, provide your UI source files or project path for review. The tool evaluates semantic HTML, color contrast, keyboard navigation, and ARIA roles against established Web Interface Guidelines and outputs actionable findings.

What is a UI usability audit and what does it check?▼

A UI usability audit checks frontend web components for compliance with design and accessibility best practices. It evaluates color contrast, semantic HTML, keyboard navigation, and ARIA roles to ensure usability and visual consistency across web application pages.

Can I check ARIA roles and semantic HTML in my web components?▼

Yes, you can check ARIA roles and semantic HTML in web components by providing the UI source files for evaluation. The audit reports violations against accessibility best practices using a concise file and line style output format.

Does this UI audit work with my existing frontend codebase?▼

Yes, the UI audit works with your existing frontend codebase. You simply provide the UI source files or a project path to review, and it assesses the code against the latest Web Interface Guidelines without requiring additional dependencies or specific frameworks.

How do I get actionable remediation guidance for accessibility violations?▼

To get actionable remediation guidance for accessibility violations, run an audit on your UI source files. The tool outputs findings in a concise, file:line style format, highlighting specific issues to improve design quality and consistency.

Related Skills

Explore More Design & Creative Skills→
sulthonuladibsulthonuladib

web-design-guidelines

Identify UI conformance issues against Web Interface Guidelines in HTML/CSS/JS codebases.

Community
Intermediate
arcasilesgrouparcasilesgroup
54

accessibility

Review frontend code for WCAG 2.1 AA compliance and report actionable findings.

Official
Advanced
murphytruemanmurphytrueman
155

cicd-integration

Generate CI/CD pipeline configurations for design system quality checks.

Community
Advanced
BrunoAMSilvaBrunoAMSilva

web-design-reviewer

Inspect and fix layout, accessibility and UI consistency issues in web applications.

Community
Advanced