web-design-guidelines

Identify UI code deviations from Web Interface Guidelines for accessibility and usability.

Updated Mar 29, 2026

Search Tags:#ui #accessibility #audit #compliance #review #ux #web-guidelines

Ready to run

npx skills add https://github.com/brunocentanaro/carpinteria --skill web-design-guidelines-brunocentanaro

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/brunocentanaro/carpinteria/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/brunocentanaro/carpinteria --skill web-design-guidelines-brunocentanaro

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure their UI code aligns with established Web Interface Guidelines, surfacing accessibility, usability, and consistency gaps before deployment.

Core Features & Use Cases

Fetch the latest guidelines from the official source and keep checks up to date.
Read target files or patterns and evaluate them against the guidelines.
Output findings in a concise, actionable format suitable for code review and design audits.
Use Case: QA a web app's UI components to verify color contrast, semantic HTML, and keyboard navigation across pages.

Quick Start

Provide the files or patterns to review, and let the skill fetch the latest guidelines to begin the compliance 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 audit UI code for web interface guidelines and accessibility compliance?▼

You can review web components for accessibility by reading target files and evaluating them against fetched web interface guidelines to surface color contrast, semantic HTML, and keyboard navigation gaps before deployment.

What is a UI code audit for web accessibility and usability?▼

A UI code audit for web accessibility identifies deviations from established web interface guidelines, surfacing usability and consistency gaps in component libraries and web projects to ensure compliance before deployment.

Can I use this skill to validate a component library for UX compliance?▼

Yes, you can validate a component library for UX compliance by providing your component files as input patterns, allowing the skill to parse them against external web interface guidelines and produce concise, line-based findings.

Does the skill automatically fetch the latest web interface guidelines for design reviews?▼

Yes, the skill automatically fetches the latest web interface guidelines from the official source during the compliance check, ensuring your design reviews and code audits are evaluated against current accessibility and usability standards.

What format do audit findings follow when reviewing UI code against web guidelines?▼

Audit findings follow a concise, line-based format that directly maps to your code, making the output actionable and suitable for integrating directly into code reviews and design audits.