skills.rest
dtorras
dtorrasCOMMUNITY
Explore all skills by this author →
𝕏@dtorrasGitHub

web-design-guidelines

Audit UI code files against the latest Web Interface Guidelines.

Updated Sep 5, 2020
Search Tags:#ui#accessibility#a11y#audit#lint#web-design#design-guidelines
One-click install
npx skills add https://github.com/dtorras/dotfiles --skill web-design-guidelines-dtorras
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/dtorras/dotfiles/tree/main/config/claude/skills/web-design-guidelines
Command: npx skills add https://github.com/dtorras/dotfiles --skill web-design-guidelines-dtorras

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure UI code adheres to Web Interface Guidelines by comparing files against the latest standards and surfacing violations.

Core Features & Use Cases

  • Fetch the latest guidelines from the official source.
  • Scan provided UI files or patterns for guideline violations.
  • Output findings in a concise file:line format to integrate into CI or reviews.

Quick Start

Provide the target UI files or patterns to review, and the system will fetch guidelines and audit them for compliance.

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 design guideline violations?▼

To audit UI code for web design guideline violations, provide target UI files or patterns for review. The system fetches the latest guidelines from a remote source, applies all rules, and reports violations in a concise file:line format.

Can I run an accessibility audit on a single UI file?▼

Yes, you can run an accessibility audit on a single UI file. The review process applies to both project-wide UI audits and single-file reviews by scanning the provided file patterns against the fetched web interface guidelines.

How does a UI lint check against the latest web interface guidelines work?▼

A UI lint check against web interface guidelines works by fetching the latest standards from an official remote source, applying all defined rules to the provided UI code files, and surfacing any compliance violations in a concise report.

What is the best way to integrate a UI accessibility check into my code review process?▼

The best way to integrate a UI accessibility check into code reviews is to output findings in a concise file:line format. This allows you to easily identify UI code issues and track guideline violations directly within your review workflow.

Do I need to manually provide web design guidelines for the audit?▼

No, you do not need to manually provide web design guidelines for the audit. The system automatically fetches the latest guidelines from an official remote source to ensure your UI code is compared against the most current standards.

What format do web design guideline violations get reported in?▼

Web design guideline violations are reported in a concise file:line format. This format clearly identifies the exact location of UI code issues, making it easy to integrate the audit results into CI pipelines or code reviews.

Related Skills

Explore More Design & Creative Skills→
alexwoxalexwox

web-design-guidelines

Review UI code against Web Interface Guidelines and output file:line findings.

Community
Intermediate
Citrus-bitCitrus-bit
135

web-design-guidelines

Review UI code against the Web Interface Guidelines and output file:line violation reports.

Community
Intermediate
nguyenphpnguyenphp
41

lint-and-validate

Run linters, type checkers, and security audits across Node.js and Python projects.

Community
Intermediate
Luqman-Ud-DinLuqman-Ud-Din

qa-detect-forced-colors

Detect forced-colors accessibility failures in rendered web pages.

Community
Intermediate