skills.rest
kage1020
kage1020COMMUNITY
Explore all skills by this author →
Website𝕏@kage1020GitHub

web-design-guidelines

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

Updated Mar 15, 2026
Search Tags:#ui#accessibility#a11y#design-guidelines#ui-review#web-standards
One-click install
npx skills add https://github.com/kage1020/dotfiles --skill web-design-guidelines-kage1020
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/kage1020/dotfiles/tree/main/dot_claude/skills/web-design-guidelines
Command: npx skills add https://github.com/kage1020/dotfiles --skill web-design-guidelines-kage1020

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Web Interface Guidelines reviewer helps ensure UI code complies with the latest design and accessibility standards by systematically checking files against established rules.

Core Features & Use Cases

  • Guideline-driven review: Fetch the official guidelines and apply them to UI files or patterns.
  • Automated findings: Output violations in the standardized file:line format for quick remediation.
  • Use Case: A design team wants to audit a new landing page for accessibility and visual consistency before launch.

Quick Start

Provide the UI files or patterns you want reviewed; the tool will fetch the latest guidelines and run the compliance check.

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 web accessibility and design guideline violations?▼

To check UI code for web accessibility and design guideline violations, you provide your UI files or patterns to the tool, which fetches the latest Web Interface Guidelines via WebFetch and reports violations in a standardized file:line format for quick remediation.

What is the best way to audit a web interface for visual consistency and usability before launch?▼

The best way to audit a web interface for visual consistency and usability is to run an automated guideline-driven review that fetches official standards and systematically checks your UI files against established accessibility and design rules.

Can I review specific file patterns for a11y compliance instead of the whole project?▼

Yes, you can review specific file patterns for a11y compliance. The tool allows you to specify the UI files or patterns you want reviewed, fetches the latest guidelines, and applies the rules directly to those targeted files.

Does the UI review tool require an internet connection to fetch web standards?▼

Yes, the UI review tool requires an internet connection because it uses WebFetch to retrieve the latest Web Interface Guidelines from the source URL, ensuring the compliance check applies the most current accessibility and design rules.

How are UI code violations reported for accessibility and web standards?▼

UI code violations for accessibility and web standards are reported in the guidelines' required output format, specifically using a standardized file:line format that identifies exact locations for quick remediation.

Related Skills

Explore More Design & Creative Skills→
giosuetedeschi-specgiosuetedeschi-spec

web-design-guidelines

Evaluate web interface code for compliance with design and accessibility standards.

Community
Intermediate
baskarajatibaskarajati

web-design-guidelines

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

Community
Intermediate
monforjemonforje

web-design-guidelines

Automate UI code review against Web Interface Guidelines using external rules.

Community
Intermediate
ulasalyesilulasalyesil

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate