skills.rest
sam-evolv
sam-evolvCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Check UI code against Web Interface Guidelines for compliance.

Updated Oct 28, 2025
Search Tags:#accessibility#a11y#UI#review#guidelines#web-design
One-click install
npx skills add https://github.com/sam-evolv/property-assistant --skill web-design-guidelines-sam-evolv
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/sam-evolv/property-assistant/tree/main/.skills/web-design-guidelines
Command: npx skills add https://github.com/sam-evolv/property-assistant --skill web-design-guidelines-sam-evolv

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill checks UI code against Web Interface Guidelines to ensure compliance.

Core Features & Use Cases

  • Verify UI files against the latest web interface guidelines
  • Check accessibility, usability, and visual design consistency across web assets
  • Use cases: review a React component library for accessibility conformance

Quick Start

Use the web-design-guidelines skill to scan your UI files and compare them against the latest 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 code for web accessibility and visual consistency?▼

To audit UI code for accessibility and visual consistency, scan your web application files against the latest web interface guidelines. The skill reviews UI assets across files to report compliance findings in a file:line format.

Can I check a React component library for accessibility conformance?▼

Yes, you can check a React component library for accessibility conformance by specifying it as a target. The skill reads the specified UI files and compares them against fetched web interface rules.

How does a web interface guidelines review work under the hood?▼

A web interface guidelines review works by fetching the latest rules from the guidelines source, reading your specified UI targets, and reporting findings. It covers accessibility, UX patterns, performance, and visual consistency.

What is the best way to ensure UI compliance across multiple web assets?▼

The best way to ensure UI compliance across multiple web assets is to run an automated check against the latest web interface guidelines. This process identifies accessibility and UX pattern issues across your files.

Do I need to install dependencies to check UI files against web design guidelines?▼

No, you do not need to install dependencies to check UI files against web design guidelines. The skill operates without dependencies and uses the WebFetch tool to retrieve the latest rules and report findings.

Related Skills

Explore More Design & Creative Skills→
nakafaainakafaai
78

web-design-guidelines

Analyze UI files against Web Interface Guidelines and report issues in file:line format.

Official
Basic
ZawHlaingPhyoTsukiZawHlaingPhyoTsuki

web-design-guidelines

Audit frontend UI files for Web Interface Guidelines violations.

Community
Intermediate
dinoudondinoudon

component-library

Create reusable UI components with React and Storybook.

Community
Advanced
Ikki-GroupIkki-Group

web-design-guidelines

Evaluate UI code against Web Interface Guidelines and output findings in file:line format.

Official
Intermediate