skills.rest
scamai
scamaiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Identify deviations from Web Interface Guidelines in UI files.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI files to ensure compliance with Web Interface Guidelines, catching accessibility, semantic, and UX issues early in the design process.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines from the official source and compare against provided UI assets.
  • Evaluate accessibility, semantic structure, contrast, keyboard navigability, and responsive behavior across pages and components.
  • Use case: a designer or developer wants to ensure a new dashboard meets guidelines before release, avoiding common accessibility pitfalls.

Quick Start

Provide the target UI files or patterns and let the tool fetch the latest guidelines for evaluation.

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 UX consistency?▼

To audit UI files for web accessibility and UX consistency, provide your target UI files or patterns to the tool. It fetches the latest Web Interface Guidelines and outputs deviations in accessibility, semantics, and UX in a terse format.

What is a UI accessibility audit and how does it evaluate semantic structure?▼

A UI accessibility audit evaluates semantic structure, contrast, keyboard navigability, and responsive behavior across web pages and components. It identifies deviations from official Web Interface Guidelines to catch accessibility and UX issues early in design.

Can I review specific file patterns across web projects for guideline compliance?▼

Yes, you can review specific file patterns across web projects for guideline compliance. The tool applies Web Interface Guidelines to specified files or patterns, fetching the latest rules to evaluate accessibility and UX consistency across your assets.

What's the best way to ensure a new dashboard meets web accessibility guidelines before release?▼

The best way to ensure a dashboard meets web accessibility guidelines is to run a UI audit against the latest Web Interface Guidelines. This evaluates contrast, keyboard navigability, and semantics to avoid common accessibility pitfalls before release.

Do I need to manually supply web design guidelines for the UI review?▼

No, you do not need to manually supply web design guidelines for the UI review. The tool automatically fetches the latest Web Interface Guidelines from the official source to compare against your provided UI assets.

Related Skills

Explore More Design & Creative Skills→
runkidsrunkids
11

web-design-guidelines

Audit UI code against Web Interface Guidelines and report violations.

Community
Basic
Choco-emmmChoco-emmm
7

web-design-guidelines

Scan UI code for Web Interface Guidelines compliance and report prioritized violations.

Community
Intermediate
Ikki-GroupIkki-Group

web-design-guidelines

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

Official
Intermediate
Sir-chawakornSir-chawakorn
9

debug-frontend-browser

Inspect console logs, network traffic, and DOM state to diagnose runtime UI bugs.

Community
Advanced