skills.rest
artivilla
artivillaCOMMUNITY
Explore all skills by this author →
Website𝕏@artivillaGitHub

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

Updated Feb 2, 2026
Search Tags:#audit#ui-design#code-review#design-guidelines#web-accessibility#ux-review
One-click install
npx skills add https://github.com/artivilla/agents-config --skill web-design-guidelines-artivilla
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/artivilla/agents-config/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/artivilla/agents-config --skill web-design-guidelines-artivilla

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web interfaces frequently fail to meet evolving usability and accessibility guidelines. This Skill helps teams verify UI code against the latest Web Interface Guidelines so reviews are consistent, fast, and reliable.

Core Features & Use Cases

  • Guideline-driven audits: Scan UI files to ensure compliance with the most current Web Interface Guidelines.
  • Accessibility & UX checks: Identify common accessibility gaps and UX inconsistencies to improve compatibility across devices and assistive tech.
  • Use Case: When asked to review a site or component library, run a guideline-driven audit to surface actionable issues and recommended fixes.

Quick Start

Provide the files or a pattern to review, and I will fetch the latest guidelines and run the audit.

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 accessibility and UX consistency?▼

To audit UI code for web accessibility and UX consistency, provide your component files or patterns for review. The tool fetches the latest Web Interface Guidelines and evaluates the specified files, reporting actionable findings in a standardized file:line format.

Can I run a design system review against current web accessibility guidelines?▼

Yes, you can run a design system review against current web accessibility guidelines. The tool scans your component library files to identify common accessibility gaps and visual inconsistencies, verifying compatibility across devices and assistive technologies.

What is the best way to check component libraries for UI compliance?▼

The best way to check component libraries for UI compliance is using a guideline-driven audit. This process fetches the most current Web Interface Guidelines from its source URL and evaluates your specified files to surface actionable issues and recommended fixes.

Does this UX review tool work with my existing web project files?▼

Yes, this UX review tool works with existing web project files. It evaluates the UI code you specify against the latest Web Interface Guidelines, making it suitable for web projects, design systems, and component libraries where visual consistency must be verified.

How are UI code audit findings reported?▼

UI code audit findings are reported in a standardized file:line format. This allows you to pinpoint exact locations of accessibility gaps and UX inconsistencies quickly, ensuring reviews remain consistent, fast, and reliable.

Related Skills

Explore More Design & Creative Skills→
BangjjackBangjjack

web-design-guidelines

Review UI code against Web Interface Guidelines and report findings in file:line format.

Official
Intermediate
nakafaainakafaai
78

web-design-guidelines

Analyze UI files against Web Interface Guidelines and report issues in file:line format.

Official
Basic
GenEducationGenEducation

wds-4-ux-design

Transform product ideas into scenario-driven UX design specifications with page and flow documentation.

Official
Advanced
c15tc15t
1.8k

web-design-guidelines

Review HTML and CSS files for web interface guideline compliance.

Official
Intermediate