skills.rest
citywalki
citywalkiCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Identify UI code violating Web Interface Guidelines and report violations.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines, helping teams catch accessibility, UX, and consistency issues early.

Core Features & Use Cases

  • Fetch and apply the latest Web Interface Guidelines to a project
  • Scan UI files, components, and tokens for guideline conformance
  • Produce concise, actionable findings suitable for design reviews and ticketing

Quick Start

Provide the UI files or patterns to review and run the guideline-check against them.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check my frontend code for UI accessibility and design guideline violations?▼

To check frontend code for UI accessibility and design violations, provide your UI files or patterns to review and run a guideline-check against them. The audit identifies UI code that violates Web Interface Guidelines and reports violations.

Can I scan design tokens and component interactions for UX consistency?▼

Yes, you can scan design tokens and interactions for UX consistency. The audit applies to frontend repositories and components, checking conformance across design tokens and interactions to catch accessibility and consistency issues early.

What is a Web Interface Guidelines compliance audit for frontend repositories?▼

A Web Interface Guidelines compliance audit is a review process that scans UI files and components to identify code violating established design and accessibility standards. It produces concise, actionable findings suitable for design reviews and ticketing workflows.

How do I generate actionable findings for a frontend design review?▼

To generate actionable findings for a frontend design review, run the guideline-check against your provided UI files. The audit scans for conformance and produces concise reports of accessibility, UX, and consistency violations ready for ticketing.

Does this UI audit work with existing frontend repositories and component libraries?▼

Yes, this UI audit works with existing frontend repositories and component libraries. It fetches and applies the latest Web Interface Guidelines to your project, scanning UI files, components, and tokens for guideline conformance without requiring additional dependencies.

What types of UI issues can an accessibility and design guidelines review catch?▼

An accessibility and design guidelines review can catch UI code violations related to accessibility, UX, and design consistency. It identifies issues across frontend components, design tokens, and interactions based on the latest Web Interface Guidelines.

Related Skills

Explore More Design & Creative Skills→
baotoqbaotoq

design-web-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Basic
murphyjosephmurphyjoseph

web-design-guidelines

Audit UI code against official web interface guidelines and accessibility standards.

Community
Intermediate
Canhada-LabsCanhada-Labs
2

Design System & Component Architecture

Governs design tokens and component architecture standards for frontend development and review workflows.

Official
Advanced
leboncoinleboncoin
92

check-accessibility

Automate WCAG 2.1 AA accessibility testing of Spark UI components with Playwright.

Official
Intermediate