skills.rest
programadorisgod
programadorisgodCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

1|Updated Feb 26, 2026
Search Tags:#ui#accessibility#compliance#review#guidelines#web-design
One-click install
npx skills add https://github.com/programadorisgod/builder-projects --skill web-design-guidelines-programadorisgod
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/programadorisgod/builder-projects/tree/main/bin/assets/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/programadorisgod/builder-projects --skill web-design-guidelines-programadorisgod

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identifies deviations from the Web Interface Guidelines to ensure UI code adheres to accessibility, usability, and visual standards across a project.

Core Features & Use Cases

  • Fetch the latest guidelines from the source and apply them to your project files.
  • Check UI files against accessibility, performance, and design-consistency rules.
  • Output concise, actionable findings suitable for automated reviews and remediation.

Quick Start

Fetch the latest Web Interface Guidelines and scan your project files to generate a guideline-compliance report.

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 UI code for web design and accessibility compliance?▼

To audit UI code for web design and accessibility compliance, provide a file pattern to scan. The tool compares your code against the latest Web Interface Guidelines and outputs actionable findings for remediation.

What is the best way to check web project files against responsiveness and style conformance?▼

The best way to check web project files for responsiveness and style conformance is to fetch the latest Web Interface Guidelines via WebFetch. The tool identifies deviations across matched files to ensure visual standards.

Can I use automated review to find accessibility deviations in my web project?▼

Yes, you can use automated review to find accessibility deviations. The tool reads current guidelines, compares them against your UI code, and outputs concise results suitable for automated review pipelines.

Does the accessibility review support scanning specific file patterns?▼

Yes, the accessibility review supports scanning specific file patterns. You provide the pattern, and the tool matches those project files to check accessibility, performance, and design-consistency rules.

When do I need to fetch the latest Web Interface Guidelines for a compliance check?▼

You need to fetch the latest Web Interface Guidelines when starting a compliance check. Fetching ensures the audit identifies current deviations in your UI code regarding accessibility, usability, and visual standards.

What limitations exist when scanning UI files for design-consistency rules?▼

A key limitation when scanning UI files for design-consistency rules is the output format. Results are terse and suited for automated review, which may require manual interpretation to understand the full context of accessibility deviations.

Related Skills

Explore More Design & Creative Skills→
Likas07Likas07

web-design-guidelines

Fetch remote Web Interface Guidelines and review UI code for compliance.

Community
Intermediate
elophantoelophanto
116

web-design-guidelines

Fetch web interface guidelines and report UI code compliance in file:line format.

Community
Intermediate
gabriellpequenogabriellpequeno
8

web-design-guidelines

Enforce external UI guideline compliance during front-end design reviews and critiques.

Community
Basic
xiaoniuge36xiaoniuge36
6

code-review

Analyze code for standards compliance, bugs, performance issues, and security vulnerabilities.

Community
Advanced