web-design-guidelines

Fetch and apply Web Interface Guidelines to UI files, identifying violations.

Updated Oct 22, 2025

Search Tags:#ui #accessibility #compliance #auditing #review #guidelines #web

Ready to run

npx skills add https://github.com/lemu/sea-prototype-template --skill web-design-guidelines-lemu

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/lemu/sea-prototype-template/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/lemu/sea-prototype-template --skill web-design-guidelines-lemu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams ensure UI code adheres to Web Interface Guidelines, simplifying reviews and improving accessibility and consistency across projects.

Core Features & Use Cases

Fetch the latest guidelines and apply them to your UI files
Read and pattern-match files to evaluate accessibility, semantics, and visual guidelines
Generate concise, actionable feedback that you can share with developers
Use Case: Audit a UI component library to ensure all components comply with the current guidelines and fix any violations.

Quick Start

Provide the UI files or a file pattern to start an automated guideline review.

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 UI files for web accessibility and visual compliance?▼

To audit UI files for web accessibility and visual compliance, provide your UI files or a file pattern to an automated review tool. It applies the latest Web Interface Guidelines to identify semantic, accessibility, and visual conformance violations.

What is the best way to check if my UI component library meets current web interface guidelines?▼

The best way to check if your UI component library meets current web interface guidelines is to run an automated pattern-matching review. This evaluates your components against the latest guidelines to pinpoint accessibility and semantic violations.

Can I automatically generate actionable accessibility findings for my developers?▼

Yes, you can automatically generate actionable accessibility findings by evaluating your UI code against fetched web guidelines. This outputs concise, shareable feedback that developers can use to fix semantic and visual issues.

How does a web design guideline review evaluate semantic conformance in UI code?▼

A web design guideline review evaluates semantic conformance by reading provided UI files and pattern-matching them against the latest Web Interface Guidelines. It identifies semantic violations in the code and generates concise findings to help developers resolve them.

Do I need specific UI file formats to review web interface compliance?▼

You do not need specific UI file formats to review web interface compliance, but you must provide accessible UI files or a file pattern. The review tool reads the provided files to evaluate accessibility, semantics, and visual conformance against fetched guidelines.