skills.rest
alslimany
alslimanyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Identify UI code deviations from Web Interface Guidelines and report accessibility gaps in file:line format.

Updated Apr 15, 2026
Search Tags:#design#ui#accessibility#audit#compliance#guidelines#web
One-click install
npx skills add https://github.com/alslimany/tams --skill web-design-guidelines-alslimany
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/alslimany/tams/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/alslimany/tams --skill web-design-guidelines-alslimany

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams ensure UI code compliance with Web Interface Guidelines, reducing accessibility gaps, visual inconsistencies, and usability issues across web projects.

Core Features & Use Cases

  • Fetch latest guidelines from the designated source.
  • Read and analyze specified UI files or patterns for guideline compliance.
  • Output findings in the standardized file:line format to facilitate fixes.
  • Use Case: When asked to review a UI or audit accessibility, run this Skill to surface guideline violations and suggested fixes.

Quick Start

Provide a file or pattern argument to review; I will fetch the latest guidelines and audit the specified files for compliance.

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 web UI code for accessibility compliance?▼

To audit web UI code for accessibility compliance, provide your HTML, CSS, or JS file paths. The tool fetches the latest Web Interface Guidelines and reports deviations in a standardized file:line format.

Can I review UI components for usability and visual inconsistencies?▼

Yes, you can review UI components for usability and visual inconsistencies. The audit reads specified web project files or patterns, surfaces accessibility gaps, and identifies deviations from established Web Interface Guidelines.

What is the best way to check HTML and CSS assets against web design guidelines?▼

The best way to check HTML and CSS assets is to run an automated audit using a pattern argument. The system analyzes the requested files against fetched design guidelines and outputs findings in a precise file:line format for fixes.

Does the UI compliance audit work for QA teams and designers?▼

Yes, the UI compliance audit works for QA teams, designers, and developers. It evaluates web project assets to surface usability issues and accessibility gaps, generating standardized file:line reports to facilitate collaborative fixes.

How do I get started with auditing my web project for guideline violations?▼

To get started auditing web projects for guideline violations, provide a file or pattern argument for review. The system will fetch the latest guidelines, read the specified files, and output the compliance findings.

Why does my web interface fail accessibility compliance checks?▼

Your web interface may fail accessibility compliance checks due to UI code deviating from Web Interface Guidelines. An audit identifies these specific usability gaps and visual inconsistencies, reporting them in a file:line format.

Related Skills

Explore More Design & Creative Skills→
usenotrausenotra
148

web-design-guidelines

Analyze UI code for Web Interface Guidelines compliance across HTML, CSS, and JS files.

Official
Intermediate
nweiinweii
7

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Community
Intermediate
lyzno1lyzno1
1

web-design-guidelines

Audit UI code against current Web Interface Guidelines for accessibility and consistency.

Community
Basic
huynhanx03huynhanx03
3

web-design-guidelines

Checks UI projects for compliance with Web Interface Guidelines standards.

Community
Intermediate