web-design-guidelines

Audits selected files for UI accessibility and design-rule violations.

7|1|Updated Feb 10, 2026
One-click install
npx skills add https://github.com/agoudbg/Cosmosh --skill web-design-guidelines-agoudbg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/agoudbg/Cosmosh/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/agoudbg/Cosmosh --skill web-design-guidelines-agoudbg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates reviews of UI code to detect deviations from established Web Interface Guidelines, helping teams find accessibility, UX, and best-practice issues before shipping.

Core Features & Use Cases

  • Fetches authoritative guidelines: Retrieves the latest rules from the specified remote source before each review.
  • Pattern-based file inspection: Reads user-specified files or glob patterns to target components, pages, or styles.
  • Rule-driven, terse output: Applies guideline rules and reports findings in a concise file:line format suitable for editors and CI systems.
  • Use Case: Run on component directories to surface accessibility violations and inconsistent UI patterns during code review.

Quick Start

Run the web-design-guidelines skill on the files matching src/**/* to audit for accessibility, UX, and best-practice violations against the latest guidelines.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check UI code for accessibility violations during code review?

To audit UI files for accessibility and UX issues, apply an automated review skill to your component directories or glob patterns. It fetches the latest web interface guidelines, parses the rules, and reports violations in a concise file:line format suitable for continuous integration.

What is an automated design audit for web interface guidelines?

An automated design audit for web interface guidelines is a rule-driven process that retrieves canonical standards from a remote URL, parses those rules, and inspects UI files to surface accessibility, UX, and best-practice violations before shipping code.

How do I run a UX and best-practice review on specific component files?

You can run a UX and best-practice review by applying the skill to specified files or glob patterns, such as src/**/*. It reads the targeted UI code, checks it against fetched authoritative guidelines, and outputs terse findings indicating exactly where violations occur.

Can I use an automated design audit in my continuous integration pipeline?

Yes, you can use an automated design audit in continuous integration systems. The skill applies guideline rules to UI files and reports findings in a concise file:line format, making it easy to integrate into CI pipelines to catch accessibility and UX issues before shipping.

Do I need any dependencies installed to review UI files for web guideline compliance?

No dependencies are required to review UI files for web guideline compliance. The skill operates independently to fetch canonical guidelines from a provided remote URL, parse the rules, and output concise findings without needing additional installed packages.

What format does the automated web design audit output for code review findings?

The automated web design audit outputs findings in a concise file:line format. This terse, rule-driven output is designed to be easily parsed by editors and continuous integration systems to quickly locate accessibility and UX violations.