skills.rest
damien-schneider
damien-schneiderCOMMUNITY
Explore all skills by this author →
Website𝕏@damien_schneidGitHub

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
One-click install
npx skills add https://github.com/damien-schneider/reflet --skill web-design-guidelines-damien-schneider
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
NagyViktNagyVikt
2

web-design-guidelines

Audit web interface code against centralized design and accessibility guidelines.

Community
Intermediate
Thawatchai-PetkaewThawatchai-Petkaew

quality-gate

Automate pre-merge linting, type checking, testing, build, security, and UI compliance checks.

Community
Advanced
dreamingechoesdreamingechoes
2

code-review

Generate structured code review feedback with severity-classified findings and fixes.

Community
Advanced
leafcoderleafcoder
2

web-design-guidelines

Audit web interface code for WCAG, ARIA, and UX compliance.

Community
Intermediate