web-design-guidelines

Fetch web design guidelines and audit UI files for compliance.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure web interfaces meet established design and accessibility guidelines by auditing UI code against a centralized rule set.

Core Features & Use Cases

  • Guideline-based auditing: fetches current web interface guidelines and checks UI files for compliance.
  • Automated reporting: outputs findings in a concise file:line format for quick remediation.
  • Use Case: when validating a new web UI, run this Skill to identify accessibility and design deviations before release.

Quick Start

Run the audit on your project by providing the UI files or patterns to review.

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 accessibility and UI guidelines compliance?

To audit frontend code for accessibility and UI guidelines compliance, fetch current web interface guidelines and review your UI files to identify deviations. The process outputs findings in a concise file:line format for quick remediation.

What is a web design review and how does it check for UX deviations?

A web design review checks UI code against established design and accessibility guidelines to ensure compliance. It evaluates accessibility, UX, and visual design scenarios across your codebase, producing precise findings for files and lines.

How do I automatically report accessibility issues in my web UI files?

You can automatically report accessibility issues by running an audit that reads specified UI files and checks them against fetched web design rules. This generates concise findings formatted as file:line entries for rapid remediation.

Can I use a design audit tool on an existing codebase before release?

Yes, you can use a design audit tool on an existing codebase before release. It reads your target UI files and applies centralized web interface rules to identify accessibility and visual design deviations, helping ensure compliance.

Does an automated UI guidelines audit require external dependencies?

An automated UI guidelines audit does not require external dependencies. It uses built-in tools to fetch the latest web interface guidelines and read your specified UI files, outputting compliance findings directly without additional setup.

What is the best way to validate web interfaces against centralized design rules?

The best way to validate web interfaces against centralized design rules is to fetch the latest guidelines and audit your UI files for compliance. This approach applies accessibility, UX, and visual design rules to produce concise file:line findings.