skills.rest
lemu
lemuCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/lemu/sea-prototype-template --skill web-design-guidelines-lemu
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
Likas07Likas07

web-design-guidelines

Fetch remote Web Interface Guidelines and review UI code for compliance.

Community
Intermediate
code-senseicode-sensei
6

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and compliance issues.

Community
Intermediate
abhishekdutta18abhishekdutta18

plankton-code-quality

Run formatters and linters to enforce code quality during file edits.

Community
Intermediate
Xenous-IncXenous-Inc

web-design-guidelines

Audit UI code against Web Interface Guidelines and report conformance issues.

Official
Intermediate