skills.rest
1natsu172
1natsu172COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and UX compliance.

1|Updated Oct 30, 2017
Search Tags:#ui#accessibility#review#guidelines#ux#code-review#web
One-click install
npx skills add https://github.com/1natsu172/dotfiles --skill web-design-guidelines-1natsu172
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/1natsu172/dotfiles/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/1natsu172/dotfiles --skill web-design-guidelines-1natsu172

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identifies UI code non-compliance with Web Interface Guidelines, helping teams align design, accessibility, and UX standards early in the review cycle.

Core Features & Use Cases

  • Fetches the latest Web Interface Guidelines, reads targeted UI files, and checks for conformance across codebases.
  • Reports violations in a terse, file:line style that integrates into code-review workflows.
  • Use Case: When reviewing a web project, run this skill to surface accessibility and usability issues before release.

Quick Start

Provide the file paths or patterns to review so the guidelines can be fetched and checked.

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

To audit web UI code for accessibility and UX compliance, provide file paths or glob patterns to this skill. It fetches the latest Web Interface Guidelines via WebFetch and reports conformance violations in a terse file:line format suitable for code review workflows.

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

The best way to check web project files against UI design guidelines is to target specific file paths or codebase patterns. The skill fetches the latest rules and outputs accessibility and usability findings in a terse file:line style that integrates directly into review cycles.

How does the skill fetch the latest web interface guidelines for code review?▼

The skill fetches the latest web interface guidelines for code review by using WebFetch to retrieve rules from the source URL. It then reads your targeted UI files and checks for conformance against these freshly fetched accessibility and UX standards.

Can I review an entire web codebase for accessibility violations?▼

Yes, you can review an entire web codebase for accessibility violations by providing broad file patterns. The skill supports checking conformance across codebases and reports non-compliance findings for individual files or project-wide patterns.

What format do web interface guideline violations get reported in?▼

Web interface guideline violations get reported in a terse file:line format. This output style ensures that accessibility and UX non-compliance findings integrate smoothly into existing code-review workflows and developer environments.

Related Skills

Explore More Design & Creative Skills→
LinXueyuanStdioLinXueyuanStdio
2

web-design-guidelines

Review web interface source files against Web Interface Guidelines for accessibility and UX compliance.

Community
Intermediate
BEIRUXBEIRUX

web-design-guidelines

Review UI code against Web Interface Guidelines and output file:line findings.

Official
Intermediate
uzh-bfuzh-bf
41

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Official
Basic
hanzilihanzili
175

a11y-auditor

Audit web pages for WCAG 2.1 AA accessibility issues with screenshots and remediation steps.

Community
Advanced