web-design-guidelines

Identify UI compliance issues with Web Interface Guidelines in file:line format.

Updated Feb 11, 2026
One-click install
npx skills add https://github.com/devyan18/BroFinanceFront --skill web-design-guidelines-devyan18
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/devyan18/BroFinanceFront/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/devyan18/BroFinanceFront --skill web-design-guidelines-devyan18

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web interfaces often miss consistent accessibility and design standards. This Skill fetches the latest Web Interface Guidelines and checks your project to surface non-compliant UI elements.

Core Features & Use Cases

  • Fetches and applies the latest guidelines from the Web Interface Guidelines source to your project.
  • Reads target UI files or patterns and verifies compliance with the guidelines.
  • Outputs violations in a concise file:line format for rapid fixes.

Quick Start

Review a UI project by fetching the latest guidelines from the source and applying them to the target files.

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 codebase for UI compliance issues?

To audit your codebase for UI compliance issues, you need to check your target UI files against established web interface guidelines. This process surfaces non-compliant UI elements and outputs violations in a concise file:line format for rapid fixes.

What's the best way to check my project against web design standards?

The best way to check your project against web design standards is to fetch the latest rules from a web interface guidelines source and apply them directly to your specified files or patterns, ensuring consistent accessibility across your web interfaces.

How does a UI review for web standards work?

A UI review for web standards works by reading target UI files or patterns, verifying their compliance with the latest fetched guidelines, and identifying UI compliance issues. It then outputs actionable fixes in a terse file:line format.

Do I need specific dependencies to perform an accessibility audit?

No specific dependencies are required to perform an accessibility audit. The process directly fetches the latest web interface guidelines and applies them to your target files to identify non-compliant UI elements without needing external tools.

Can I review specific file patterns for accessibility violations?

Yes, you can review specific file patterns for accessibility violations. The review process applies the latest web interface guidelines to the specified files or patterns in your codebase and outputs any violations found in a concise file:line format.

Why does my web interface miss consistent accessibility guidelines?

Your web interface misses consistent accessibility guidelines because web interfaces often lack consistent design standards. Fetching and applying the latest web interface guidelines to your project helps surface these non-compliant UI elements for correction.