skills.rest
Patkik
PatkikCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Analyze UI code against Web Interface Guidelines and report violations.

Updated Mar 30, 2026
Search Tags:#accessibility#frontend#compliance#usability#ui-review#web-design-guidelines
One-click install
npx skills add https://github.com/Patkik/Multi-tenant-SaaS-Catering-V2 --skill web-design-guidelines-patkik
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Patkik/Multi-tenant-SaaS-Catering-V2/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Patkik/Multi-tenant-SaaS-Catering-V2 --skill web-design-guidelines-patkik

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI quality often drifts away from a set of established Web Interface Guidelines, leading to usability and accessibility gaps. This Skill automates review of UI code against the latest guidelines to catch deviations before deployment.

Core Features & Use Cases

  • Guideline-driven UI audits across codebases
  • Accessibility and UX consistency checks
  • Use Case: When a designer asks to verify a page or component adheres to guidelines.

Quick Start

Review the latest UI files against the Web Interface Guidelines and report any violations.

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 frontend code for web interface compliance?▼

To check web interface compliance, the Skill fetches the latest guidelines from a source URL, analyzes your frontend files, and reports violations in a concise file:line format. It automates UI code reviews to catch usability and accessibility deviations.

What is automated UI guideline auditing?▼

Automated UI guideline auditing is the process of reviewing code against established web interface rules to identify accessibility and UX gaps. This Skill applies fetched guidelines to your specified files and outputs findings to catch UI quality drift before deployment.

Can I use this for accessibility audits on web apps?▼

Yes, you can use this for accessibility audits on web apps. The Skill applies Web Interface Guidelines to frontend projects across websites and apps, identifying compliance violations and reporting them in a file:line format.

How do I enforce UX consistency checks across a codebase?▼

To enforce UX consistency checks across a codebase, this Skill reviews specified UI files against the latest Web Interface Guidelines. It reports any deviations in a concise file:line format, catching usability gaps before deployment.

Does this Skill require dependencies to review UI files?▼

No dependencies are required to review UI files. The Skill fetches the latest guidelines directly from a source URL and analyzes your frontend project files to report accessibility and compliance findings.

What is the best way to report UI code deviations before deployment?▼

The best way to report UI code deviations is using a concise file:line format. This Skill analyzes your frontend code against fetched Web Interface Guidelines and outputs findings directly, pinpointing accessibility and usability violations for quick fixes.

Related Skills

Explore More Design & Creative Skills→
trungtnmtrungtnm

web-design-guidelines

Audits frontend HTML, CSS and JS files for UI compliance gaps using Web Interface Guidelines.

Community
Intermediate
thgtertothgterto

web-design-guidelines

Analyzes UI code for compliance with Web Interface Guidelines and reports violations.

Community
Intermediate
Jackliu-miaoziJackliu-miaozi

web-design-guidelines

Enforce Vercel web UI guideline compliance across HTML/CSS/JS codebases.

Community
Basic
ic-facetic-facet

web-design-guidelines

Review UI code against Web Interface Guidelines for compliance.

Official
Basic