skills.rest
brunocentanaro
brunocentanaroCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/brunocentanaro/carpinteria --skill web-design-guidelines-brunocentanaro
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
Ouro-labsOuro-labs
14

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Official
Basic
t-stringst-strings

Frontend Accessibility

Review frontend UI code for HTML semantics, ARIA, keyboard navigation, and contrast.

Official
Basic
evolving-machines-labevolving-machines-lab
76

web-design-guidelines

Audit UI code for Web Interface Guidelines compliance and output findings in file:line format.

Official
Intermediate
beemanbeeman
12

web-design-guidelines

Evaluate web UI components against Web Interface Guidelines for compliance.

Community
Intermediate