skills.rest
endriwmsi
endriwmsiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Check UI files against the latest Web Interface Guidelines and report deviations.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams assess and enforce compliance of UI code with the latest Web Interface Guidelines, reducing accessibility flaws, UX inconsistencies, and non-conforming components.

Core Features & Use Cases

  • Automated checks against the latest Web Interface Guidelines for UI files and components.
  • Audit for accessibility, semantic structure, color contrast, and interaction patterns across pages.
  • Use Case: A design system team audits new components before integration to ensure consistency with guidelines and accessibility standards.

Quick Start

Provide your UI files or patterns for review against the latest Web Interface 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 frontend code for accessibility and visual consistency?▼

To audit frontend code for accessibility and visual consistency, provide your UI files or patterns for review against the latest Web Interface Guidelines. The Skill analyzes semantic structure, color contrast, and interaction patterns, reporting deviations in a terse file:line format.

Can I use this to review design system components before integration?▼

Yes, you can review design system components before integration. The Skill fetches the latest official guidelines and checks new components to ensure they conform to accessibility standards and UX consistency rules before they are merged.

What is the best way to check UI files against web design guidelines?▼

The best way to check UI files against web design guidelines is to run an automated review on your frontend codebase. The Skill fetches current standards and automatically identifies non-conforming components and accessibility flaws.

How does the UI review report formatting work?▼

The UI review report uses a terse file:line format to pinpoint deviations. This format precisely identifies where accessibility flaws, semantic structure issues, or interaction pattern violations occur within your frontend codebase.

Do I need any dependencies to run a web interface compliance check?▼

No dependencies are required to run a web interface compliance check. The Skill operates independently to fetch the latest official guidelines and analyze your specified UI files or patterns directly.

Why does my UI code fail web interface guideline audits?▼

Your UI code fails web interface guideline audits due to deviations in accessibility, semantic structure, color contrast, or interaction patterns. The Skill identifies these specific non-conforming components and UX inconsistencies across your pages.

Related Skills

Explore More Design & Creative Skills→
remcostoetenremcostoeten
14

web-design-guidelines

Audit web interface code against design and accessibility standards.

Community
Intermediate
vuminhieuvuminhieu

web-design-guidelines

Audit UI code against Web Interface Guidelines and report file:line findings.

Community
Intermediate
murphytruemanmurphytrueman
155

cicd-integration

Generate CI/CD pipeline configurations for design system quality checks.

Community
Advanced
etewiahetewiah
635

theme-evaluation

Evaluate theme palettes for WCAG contrast and accessibility compliance.

Community
Advanced