skills.rest
zerielribeiro
zerielribeiroCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Check web interface code for accessibility, performance, and design compliance.

Updated Apr 30, 2026
Search Tags:#best practices#accessibility#frontend#design audit#web#UI review
One-click install
npx skills add https://github.com/zerielribeiro/sistema-pecas --skill web-design-guidelines-zerielribeiro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/zerielribeiro/sistema-pecas/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/zerielribeiro/sistema-pecas --skill web-design-guidelines-zerielribeiro

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers and designers verify their web interface for compliance with established UI guidelines, enhancing usability and accessibility.

Core Features & Use Cases

  • Guideline Compliance Check: Review UI code to identify deviations from best practices.
  • Accessibility Auditing: Evaluate accessibility aspects like contrast, structure, and semantic HTML.
  • Use Case: A developer finishes a webpage and wants to ensure it meets accessibility standards before launching, using this Skill to audit the code quickly.

Quick Start

Use the web-design-guidelines skill to analyze your HTML files for guideline 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 run an accessibility audit on my web interface code?▼

To run an accessibility audit on your web interface, you need a tool that analyzes your HTML files for compliance with established UI guidelines. This skill fetches the latest standards from a source URL and evaluates contrast, structure, and semantic HTML.

What does a frontend UI review check for in web development?▼

A frontend UI review checks web interface code for adherence to accessibility, performance, and design standards. It identifies deviations from best practices to enhance usability and ensure compliance before launching a webpage.

How do I verify my HTML files meet web design best practices?▼

You can verify your HTML files meet web design best practices by analyzing specified files or patterns against fetched guidelines. This process audits structural and semantic HTML to identify non-compliant code.

Does this UI compliance check require fetching external guidelines?▼

Yes, this UI compliance check requires fetching the latest guidelines from a source URL. This ensures the design audit evaluates your specified files against the most current accessibility and performance standards.

When do I need to perform a design audit on my webpage?▼

You need to perform a design audit when a developer finishes a webpage and wants to ensure it meets accessibility standards before launching. This verifies UI compliance and identifies structural or semantic issues.

Related Skills

Explore More Design & Creative Skills→
vuminhieuvuminhieu

web-design-guidelines

Audit UI code against Web Interface Guidelines and report file:line findings.

Community
Intermediate
nanorepublicananorepublica
61

Frontend Accessibility

Enforce frontend accessibility compliance in HTML, CSS, and JavaScript components.

Community
Basic
tedtv1007-ctrltedtv1007-ctrl

web-design-guidelines

Audit UI source code for compliance with Web Interface Guidelines.

Community
Intermediate
mhfedmhfed

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility issues.

Community
Intermediate