web-design-guidelines

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

4|Updated Jun 10, 2026
One-click install
npx skills add https://github.com/mymx2/foreman --skill web-design-guidelines-mymx2
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/mymx2/foreman/tree/main/.qoder/skills.collected/skills/web-design-guidelines
Command: npx skills add https://github.com/mymx2/foreman --skill web-design-guidelines-mymx2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the inconsistency and accessibility issues often found in web interfaces by automating the audit process against established design and accessibility standards.

Core Features & Use Cases

  • Automated Compliance Auditing: Scans UI code to verify adherence to Web Interface Guidelines.
  • Accessibility & UX Checks: Identifies potential accessibility gaps and design inconsistencies.
  • Use Case: Use this during a code review to ensure a new landing page component meets all accessibility requirements and design system constraints before deployment.

Quick Start

Ask the assistant to review the files in the src directory against the web design 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 source code for web accessibility and design compliance?

To audit UI source code for accessibility and design compliance, you can validate your files against established Web Interface Guidelines. This process scans specified directories to identify non-compliant patterns and structural issues automatically.

What is the best way to check web interface components for design system consistency?

The best way to check web interface components for design consistency is to run an automated audit against Web Interface Guidelines. This validates your UI code to detect accessibility gaps and structural deviations from established standards.

Do I need network access to validate UI code against web design standards?

Yes, you need network access to validate UI code against web design standards. The validation process requires fetching the latest rule definitions from the official Vercel Labs repository to ensure accurate compliance checks.

Can I scan an entire src directory for accessibility issues during a code review?

Yes, you can scan an entire src directory for accessibility issues during a code review. The validation process operates on specified files or directory patterns to identify non-compliant code and ensure landing page components meet requirements.

What specific UI accessibility and design gaps can an automated compliance audit identify?

An automated compliance audit identifies potential accessibility gaps and design inconsistencies within your UI source code. It detects non-compliant patterns and structural issues by validating your files against established Web Interface Guidelines.

Why does my web interface design audit fail to fetch the latest rule definitions?

Your web interface design audit fails to fetch the latest rule definitions when network access is unavailable. The validation requires an active connection to retrieve current compliance rules from the official Vercel Labs repository.