web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure web UI code adheres to centralized Web Interface Guidelines, improving accessibility, consistency, and overall UX quality.

Core Features & Use Cases

  • Automated guideline conformance checks against a living standard sourced from the Web Interface Guidelines.
  • Accessibility and UX consistency audits across web interfaces and design systems.
  • Use Case: When reviewing a project, provide UI files or a URL and the Skill will assess conformance to the latest guidelines and report gaps.

Quick Start

Provide the UI files or project URL to review and I will fetch the latest Web Interface Guidelines and assess conformance.

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

To audit web UI code for accessibility and consistency, provide your UI files or project URL. The Skill fetches the latest Web Interface Guidelines and evaluates your target files against that rule set to report conformance gaps.

What is a Web Interface Guidelines compliance audit?

A Web Interface Guidelines compliance audit evaluates web interfaces against a central guideline source. It checks UI code for accessibility barriers, visual consistency issues, and adherence to UX standards by fetching and applying the latest living rule set.

Can I review a live website URL for UI guideline conformance?

Yes, you can review a live website URL for UI guideline conformance. Provide the project URL and the Skill will fetch the latest Web Interface Guidelines to assess the target interface and report any compliance gaps.

Does the accessibility audit require a local codebase or can I pass individual files?

The accessibility audit accepts both. You can provide individual UI files or a project URL for review, and the Skill will fetch the latest Web Interface Guidelines to evaluate the supplied targets for conformance.

How to check if a design system matches centralized web interface standards?

To check if a design system matches centralized web interface standards, provide the design system files for review. The Skill fetches the latest guidelines from the source and evaluates the target files for accessibility and visual consistency adherence.

What are the limitations of automated UI guideline audits?

Automated UI guideline audits evaluate code against fetched rule sets to identify accessibility and consistency gaps, but they require the latest guidelines to be fetchable from the source and target files to be accessible for a complete conformance assessment.