skills.rest
thomiOmi
thomiOmiCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit web UI assets against current interface guidelines for accessibility and consistency.

Updated Aug 27, 2026
Search Tags:#design#accessibility#UI#audit#guidelines#web
One-click install
npx skills add https://github.com/thomiOmi/vexo --skill web-design-guidelines-thomiomi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/thomiOmi/vexo/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/thomiOmi/vexo --skill web-design-guidelines-thomiomi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams quickly identify deviations from established Web Interface Guidelines in web UI assets, reducing review time and ensuring consistency across projects.

Core Features & Use Cases

  • Guideline conformance checks: Automated verification of UI files against the latest design standards.
  • Accessibility and consistency: Quick audits for color contrast, semantic structure, and visual consistency across pages.
  • Use Case: When preparing a design review for a new product, run this skill on the UI components and pages to surface violations and recommendations.

Quick Start

Provide the web UI files or a file pattern to review; the skill will fetch the latest guidelines and audit the files.

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 web UI for design guideline compliance?▼

To audit web UI for design compliance, provide your UI files or file patterns for review. The skill fetches up-to-date interface guidelines and outputs concise findings on deviations across your codebase.

Can I check accessibility and visual consistency across multiple projects?▼

Yes, you can check accessibility and visual consistency across multiple projects. The skill performs quick audits for color contrast, semantic structure, and visual consistency to surface violations and recommendations.

What is the best way to automate a design review for a new web product?▼

Automating a design review for a new web product involves running this skill on your UI components and pages. It verifies guideline conformance automatically, reducing manual review time and ensuring project consistency.

Do I need to manually provide web interface guidelines for the audit?▼

No, you do not need to manually provide web interface guidelines for the audit. The skill automatically fetches the latest established design standards from a remote source before reading and reviewing your specified files.

How does an automated UI audit handle codebase pattern matching?▼

An automated UI audit handles codebase pattern matching by reading specified file patterns you provide. It evaluates these files against fetched guidelines to identify deviations in semantic structure and visual consistency.

Related Skills

Explore More Design & Creative Skills→
nextplus896nextplus896

web-design-guidelines

Evaluate UI files against Web Interface Guidelines and output file:line findings.

Community
Basic
kimmyxpowkimmyxpow

web-design-guidelines

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

Community
Intermediate
ilanf23ilanf23
1

color-system

Generate accessible color palettes with semantic mapping and WCAG contrast compliance.

Community
Intermediate
riecktrieckt

web-design-guidelines

Detect UI components deviating from the latest Web Interface Guidelines.

Community
Basic