web-design-guidelines

Analyze UI source code for compliance with Web Interface Guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures your UI code adheres to established Web Interface Guidelines, preventing accessibility issues and design inconsistencies before they reach production.

Core Features & Use Cases

  • Automated Auditing: Scans your codebase against the latest industry-standard interface rules.
  • Accessibility & UX Checks: Identifies potential violations in your markup and styling that impact user experience.
  • Use Case: Before deploying a new feature, run this audit to ensure your components follow best practices for accessibility and responsive design.

Quick Start

Use the web-design-guidelines skill to audit the files in the src/components directory.

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 compliance?

To audit UI code for accessibility compliance, use this Skill to scan your source files against fetched Web Interface Guidelines. It evaluates local project markup and styling to identify violations and improve design consistency.

What is the best way to check web design consistency before deployment?

Checking web design consistency before deployment involves running an automated audit on your UI code. This Skill fetches remote rule sets to evaluate local components, preventing accessibility issues and design inconsistencies from reaching production.

Can I scan specific directories like src/components for UX issues?

Yes, you can scan specific directories like src/components for UX issues. The Skill evaluates local project files against defined standards, requiring read-access to your target codebase to perform the accessibility and design checks.

Does the web design audit require network access to function?

Yes, the web design audit requires network access to function. It operates by fetching remote rule sets to retrieve the latest industry-standard interface guidelines before evaluating your local project files against them.

When do I need to run an automated UI compliance check?

You need to run an automated UI compliance check before deploying a new feature. This ensures your components follow best practices for accessibility and responsive design, catching potential markup and styling violations early.