skills.rest
cloudbro-kube-ai
cloudbro-kube-aiOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Compare UI code against Web Interface Guidelines and report violations in file:line format.

14|5|Updated Jan 25, 2026
Search Tags:#ui#accessibility#a11y#code-review#web#design-guidelines#conformance
One-click install
npx skills add https://github.com/cloudbro-kube-ai/k13d --skill web-design-guidelines-cloudbro-kube-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/cloudbro-kube-ai/k13d/tree/main/skills/vercel/web-design-guidelines
Command: npx skills add https://github.com/cloudbro-kube-ai/k13d --skill web-design-guidelines-cloudbro-kube-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Reviews UI code to ensure compliance with Web Interface Guidelines, helping teams improve accessibility, consistency, and overall design quality.

Core Features & Use Cases

  • Fetches the latest guidelines from the official source and applies them to target files.
  • Reads specified files or patterns to evaluate conformance across components, pages, and patterns.
  • Outputs concise findings to guide design reviews and fixes.

Quick Start

Point this skill at your UI files or patterns to fetch guidelines, analyze conformance, and report results.

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 UI code for accessibility and design conformance issues?▼

To check UI code for accessibility and design conformance, point the audit tool at your specified files or patterns. It fetches the latest Web Interface Guidelines, reads the targeted components, and outputs violations in a concise file:line format.

Can I audit an entire component library for Web Interface Guidelines violations?▼

Yes, you can audit an entire component library for Web Interface Guidelines violations. The tool evaluates conformance across specified files or patterns, making it applicable for scanning component libraries, pages, and UI patterns.

What is the best way to automate design reviews for web accessibility?▼

The best way to automate design reviews for web accessibility is to fetch the latest official guidelines and apply them directly to target files. This process evaluates conformance and outputs concise findings to guide fixes.

How does the UI guideline audit report conformance issues?▼

The UI guideline audit reports conformance issues by outputting findings in a concise file:line format. It scans specified files or patterns across projects to surface specific accessibility and design violations.

Do I need any dependencies to scan UI files against design guidelines?▼

No dependencies are required to scan UI files against design guidelines. The tool operates independently to fetch the latest rules from the guidelines source, read the targeted files, and evaluate conformance.

When do I need to audit UI against Web Interface Guidelines?▼

You need to audit UI against Web Interface Guidelines when you want to ensure compliance, improve accessibility, and maintain overall design quality across your component libraries, pages, and patterns.

Related Skills

Explore More Design & Creative Skills→
DraculaboDraculabo
2.0k

web-design-guidelines

Compare UI code against Web Interface Guidelines for accessibility and UX conformance.

Community
Intermediate
PaldomPaldom
11

web-design-guidelines

Audit UI code for Web Interface Guidelines compliance and report findings.

Community
Intermediate
tyk-labtyk-lab

web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

Community
Intermediate
89jobrien89jobrien
4

web-accessibility

Audit web content for WCAG 2.1/2.2 conformance and accessibility issues.

Community
Advanced