skills.rest
ControlNet
ControlNetCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and design issues.

9|1|Updated Jan 27, 2026
Search Tags:#ui#accessibility#audit#guidelines#web-design#design-review
One-click install
npx skills add https://github.com/ControlNet/oma-dotfile --skill web-design-guidelines-controlnet
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ControlNet/oma-dotfile/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/ControlNet/oma-dotfile --skill web-design-guidelines-controlnet

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review files for compliance with Web Interface Guidelines.

Core Features & Use Cases

  • Fetch latest guidelines from a remote source
  • Check files against the fetched rules
  • Output findings in a concise file:line format

Quick Start

Provide the UI files you want checked to initiate an automated review.

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

You can audit UI code by fetching the latest Web Interface Guidelines and checking your web project files against those rules. The tool outputs accessibility and design findings in a concise file:line format.

What is a web interface guidelines compliance audit?▼

A web interface guidelines compliance audit is an automated review that checks UI files against fetched design rules. It identifies accessibility and design issues across codebases, outputting findings in a concise file:line format.

Can I use this for design reviews on existing codebases?▼

Yes, you can use this for design reviews on existing codebases. The Skill applies Web Interface Guidelines to specified UI files across web projects and design files to identify accessibility and design compliance issues.

How do I check web design files against the latest accessibility guidelines?▼

To check web design files against the latest accessibility guidelines, provide the UI files you want checked. The Skill fetches the latest rules from the guidelines source and applies them to your specified files to output findings.

What format do web design audit findings use?▼

Web design audit findings use a concise file:line format. The Skill outputs accessibility and design issues identified during the UI code review against the fetched Web Interface Guidelines in this specific format.

Related Skills

Explore More Design & Creative Skills→
GLaDO8GLaDO8

web-design-guidelines

Audit UI code against Web Interface Guidelines and report violations.

Community
Basic
PlaneInABottlePlaneInABottle

web-design-guidelines

Audits UI code in HTML/CSS/JS projects for guideline non-compliance and outputs file:line findings.

Community
Advanced
Intense-VisionsIntense-Visions
18

Harness Accessibility

Identify and report WCAG AA accessibility violations in UI components.

Official
Advanced
HorusGoulHorusGoul
110

web-design-guidelines

Enforce Web Interface Guidelines compliance across UI code and design artifacts.

Community
Intermediate