web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility, performance, and usability gaps.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/thimmarques/gestao-inteligente --skill web-design-guidelines-thimmarques
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/thimmarques/gestao-inteligente/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/thimmarques/gestao-inteligente --skill web-design-guidelines-thimmarques

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review files for compliance with Web Interface Guidelines.

Core Features & Use Cases

  • Fetch latest guidelines from the source URL.
  • Read the specified files (or prompt user for files/pattern).
  • Check against all rules in the fetched guidelines.
  • Output findings in the terse file:line format.

Quick Start

Ask me to review your UI project against Web Interface Guidelines to identify accessibility, performance, and usability issues.

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 frontend code for accessibility and usability issues?

Auditing frontend code for accessibility involves reading your HTML, CSS, and JS files and checking them against Web Interface Guidelines to identify performance and UX gaps. Findings are reported in a file:line format.

What is the best way to check HTML CSS JS against web interface guidelines?

Checking HTML, CSS, and JS against web interface guidelines is best done by fetching fresh rules and applying them to your target files. This process identifies accessibility and usability gaps, reporting findings in a terse file:line format.

Can I use this tool to review my UI project for performance gaps?

Yes, you can use this tool to review your UI project for performance gaps. It reads your specified frontend files, applies all rules from fetched guidelines, and outputs accessibility and usability findings in a file:line format.

How does a UI audit identify accessibility gaps in frontend projects?

A UI audit identifies accessibility gaps in frontend projects by fetching the latest web interface guidelines, reading your target files, and applying all rules to pinpoint specific issues. Results are delivered in a file:line format.

Do I need to specify files for a design review or will it scan automatically?

You need to specify files for a design review, or the tool will prompt you for files and patterns. It then reads those exact frontend files to check against all rules in the fetched guidelines and report findings.