skills.rest
evolving-machines-lab
evolving-machines-labOFFICIAL
Explore all skills by this author →
Website𝕏@evolvymachinesGitHub

web-design-guidelines

Audit UI code for Web Interface Guidelines compliance and output findings in file:line format.

76|3|Updated Jan 20, 2026
Search Tags:#design#ui#accessibility#review#guidelines#lint#web
One-click install
npx skills add https://github.com/evolving-machines-lab/evolve --skill web-design-guidelines-evolving-machines-lab
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/evolving-machines-lab/evolve/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/evolving-machines-lab/evolve --skill web-design-guidelines-evolving-machines-lab

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web Interface Guidelines reviews help ensure UI code complies with up-to-date accessibility, usability, and design standards, reducing manual review time and improving user experiences.

Core Features & Use Cases

  • Fetches the latest web interface guidelines and applies them to your UI files
  • Checks for accessibility (a11y) issues, consistency with design tokens, and UX best practices
  • Use Case: Audit a set of UI components or a webpage to surface accessibility violations and design inconsistencies

Quick Start

Provide the UI files or a site URL to review, and initiate an accessibility and design-compliance 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 audit my UI code for accessibility and design compliance?▼

You can audit UI code for accessibility and design compliance by providing your UI files or a site URL to initiate a review against the latest web interface guidelines. The audit checks for a11y issues and visual consistency.

What is a web interface guidelines review?▼

A web interface guidelines review is a process that checks UI components, pages, and design systems for accessibility, usability, and visual consistency against current standards. It fetches the latest guidelines to surface violations.

Can I check a website URL for accessibility issues?▼

Yes, you can check a website URL for accessibility issues. The review process accepts a site URL or UI files, fetches the latest design standards, and outputs findings in a standardized file:line format.

How do I ensure my web components match current design tokens?▼

To ensure web components match current design tokens, run a design-compliance audit against the latest web interface guidelines. This process checks your UI files for consistency with design tokens and UX best practices.

What format do accessibility review findings use?▼

Accessibility review findings use a standardized file:line format. This output structure pinpoints exactly where UI code violates the fetched web interface guidelines for accessibility and visual consistency.

Do I need to manually update web design guidelines for the audit?▼

No, you do not need to manually update web design guidelines for the audit. The review process automatically fetches the latest guidelines before each run to ensure your UI code is checked against current standards.

Related Skills

Explore More Design & Creative Skills→
AbhiShake1AbhiShake1
1

web-design-guidelines

Audit UI code against Web Interface Guidelines and report non-conformities in file:line format.

Community
Intermediate
AnvinX1AnvinX1

web-design-guidelines

Fetch Web Interface Guidelines and audit UI code for accessibility and design consistency.

Community
Intermediate
baskarajatibaskarajati

web-design-guidelines

Audit UI code against Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
AreteDriverAreteDriver
4

accessibility-checker

Audit web applications for WCAG 2.2 AA/AAA accessibility compliance.

Community
Advanced