web-design-guidelines

Evaluate UI source code against Web Interface Guidelines for accessibility and design consistency.

32|1|Updated Jan 17, 2026

Search Tags:#ui #accessibility #frontend #audit #design-system #web-standards

Ready to run

npx skills add https://github.com/damien-schneider/reflet --skill web-design-guidelines-damien-schneider

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/damien-schneider/reflet/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/damien-schneider/reflet --skill web-design-guidelines-damien-schneider

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of maintaining design consistency and accessibility standards across a codebase by automating the review process against established interface guidelines.

Core Features & Use Cases

Automated Compliance Audits: Scans UI code to ensure it adheres to predefined design and accessibility rules.
Standardization: Helps teams maintain a unified look and feel by flagging deviations from the Web Interface Guidelines.
Use Case: Use this tool during a pull request review to automatically verify that new components meet accessibility requirements and design system constraints before merging.

Quick Start

Ask the assistant to review your UI components by providing the file path or pattern you want to audit against the latest guidelines.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I automate UI accessibility and design system audits for frontend code?▼

Automated UI audits evaluate your frontend source code against established web interface guidelines to flag accessibility violations and design system deviations. This ensures design consistency without manual reviews.

Can I check UI component compliance during a pull request review?▼

Yes, you can audit UI components during a pull request review by scanning the provided file path against the latest web standards. This verifies new components meet accessibility constraints before merging.

Does this automated design audit require network access to fetch rule definitions?▼

Yes, the audit requires network access to fetch the latest web interface guideline definitions. It also needs local file system access to analyze your project's UI source code components.

What is the best way to maintain web standards across an existing codebase?▼

The best way to maintain web standards is automating compliance audits that scan source code against predefined design and accessibility rules. This flags deviations from your unified design system automatically.

How do I review my project components against the latest web interface guidelines?▼

To review project components, provide the assistant with the local file path or pattern you want to audit. The tool fetches the latest rule definitions and evaluates the UI code for compliance.