skills.rest
archive-david
archive-davidOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Compare UI files against the latest Web Interface Guidelines for conformance gaps.

Updated Feb 9, 2026
Search Tags:#ui#accessibility#compliance#usability#review#web-guidelines
One-click install
npx skills add https://github.com/archive-david/debuggingpi --skill web-design-guidelines-archive-david
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/archive-david/debuggingpi/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/archive-david/debuggingpi --skill web-design-guidelines-archive-david

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams ensure their UI code complies with the most current Web Interface Guidelines by validating against a dynamic rule set.

Core Features & Use Cases

  • Fetch latest guidelines from the source URL
  • Read target UI files or patterns provided by the user
  • Apply all rules and report findings in a concise, standardized format (e.g., file:line)

Quick Start

Provide the UI files or patterns you want reviewed, and I will fetch the latest guidelines and assess them.

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 accessibility and usability compliance?▼

To audit UI code for web accessibility compliance, provide your target UI files or patterns. The system fetches the latest Web Interface Guidelines, reads your files, applies the rules, and outputs concise conformance findings in a standardized format like file:line.

What is a UI conformance gap analysis for web components?▼

A UI conformance gap analysis identifies where web components, dashboards, and landing pages fail to meet current Web Interface Guidelines. It compares target UI files against a dynamic rule set to flag accessibility and UX issues.

Can I review design patterns in my codebase against dynamic web guidelines?▼

Yes, you can review design patterns in your codebase against dynamic web guidelines. The system applies rules to codebases, design reviews, and audits of web components, fetching the latest standards from the specified source URL.

What's the best way to check if my landing pages meet UX and accessibility guidelines?▼

The best way to check if landing pages meet UX and accessibility guidelines is to run an automated audit against the latest Web Interface Guidelines. Provide the UI files to receive standardized, concise findings.

Related Skills

Explore More Design & Creative Skills→
alexzhang1030alexzhang1030

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility issues.

Community
Intermediate
EdwinFerminEdwinFermin

web-design-guidelines

Identify UI guideline violations in web codebases and report them in file:line format.

Community
Intermediate
GeargrindadminGeargrindadmin

eval-ui-ux

Evaluate UI/UX for design system adherence, visual consistency, and accessibility.

Community
Advanced
giosuetedeschi-specgiosuetedeschi-spec

web-design-guidelines

Evaluate web interface code for compliance with design and accessibility standards.

Community
Intermediate