skills.rest
do-zoo
do-zooCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Fetch Web Interface Guidelines and report UI file issues in file:line format.

Updated Aug 23, 2026
Search Tags:#ui#accessibility#audit#compliance#review#guidelines#web-design-guidelines
One-click install
npx skills add https://github.com/do-zoo/match-screening-cisc --skill web-design-guidelines-do-zoo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/do-zoo/match-screening-cisc/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/do-zoo/match-screening-cisc --skill web-design-guidelines-do-zoo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines.

Core Features & Use Cases

  • Fetch the latest guidelines from the source URL and apply them to the target UI files.
  • Read the specified files (or prompt for files/pattern) and check against all rules in the guidelines.
  • Output findings in the terse file:line format to support rapid remediation and review.

Quick Start

Specify the target UI files and let the system fetch guidelines, then report issues in file:line format.

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 compliance?▼

To audit UI code for accessibility and compliance, the Skill fetches the latest Web Interface Guidelines, reads the target files, and reports findings in a terse file:line format for rapid remediation.

How do I review my web design against interface guidelines?▼

You can review web design against interface guidelines by specifying your target UI files. The system automatically fetches the latest rules, applies them to the files, and outputs issues in a file:line format.

What is the file:line format for UI guideline violations?▼

The file:line format is a terse reporting style that maps UI compliance violations directly to specific lines in your target files, supporting rapid remediation and code review.

Do I need to manually download web design guidelines before reviewing files?▼

No, you do not need to manually download web design guidelines. The Skill automatically fetches the latest guidelines from the source URL before applying them to your UI files.

What happens if a UI file is missing or inaccessible during a compliance audit?▼

During a compliance audit, if a UI file is missing or inaccessible, the Skill validates inputs and gracefully handles the missing paths without crashing the review process.

Related Skills

Explore More Design & Creative Skills→
noni2shenoni2she
1

web-design-guidelines

Audit web UI source files against Web Interface Guidelines for accessibility compliance.

Community
Basic
devyan18devyan18

web-design-guidelines

Identify UI compliance issues with Web Interface Guidelines in file:line format.

Community
Intermediate
spartDevspartDev
6

Design System Violation Detector

Detect design-system violations in React components against DESIGN_GUIDELINES.md.

Community
Advanced
balkhaevbalkhaev

web-design-guidelines

Audit web interface source code against design and accessibility guidelines.

Community
Intermediate