skills.rest
ajiu9
ajiu9COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Identify UI non-compliance with Web Interface Guidelines in code and design assets.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps designers and developers verify that user interfaces comply with Web Interface Guidelines, reducing accessibility and UX issues across web projects.

Core Features & Use Cases

  • Guideline-driven review: fetch latest web interface rules and compare UI files.
  • Automated checks: assess accessibility, semantics, layout, and navigation against guidelines.
  • Use Case: audit a live site or codebase to surface violations and produce actionable recommendations.

Quick Start

Review the UI files in your project to check accessibility, UX flows, and conformance with Web Interface Guidelines.

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 my web UI for accessibility and UX compliance?▼

To audit web UI for accessibility and UX compliance, this Skill fetches the latest Web Interface Guidelines, reads your target UI files, and outputs non-compliance findings in a file:line format.

What is a UX audit for frontend web design projects?▼

A UX audit for frontend web design evaluates UI files, components, and pages against established guidelines to identify accessibility barriers, semantic structure issues, and UX best practice violations.

Can I check semantic structure and accessibility in my codebase automatically?▼

Yes, you can check semantic structure and accessibility automatically by having the Skill apply fetched web guidelines directly to your codebase to surface violations across common scenarios like forms and navigation.

Does this UI review tool work without external dependencies?▼

Yes, the UI review tool works without external dependencies, fetching web guidelines from a source URL and analyzing your local design assets and frontend code independently.

What format are UX audit findings output in?▼

UX audit findings are output in a file:line format, pinpointing exact locations within your UI files where accessibility, semantics, or UX best practice violations occur.

Related Skills

Explore More Design & Creative Skills→
NodeSentinelNodeSentinel
3

web-design-guidelines

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

Official
Intermediate
AribSudiaAribSudia
2

arib-check-a11y

Audit frontend codebases for WCAG 2.1 Level AA accessibility compliance.

Community
Advanced
akillnessakillness
40

web-design-guidelines

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

Community
Intermediate
h4vzzh4vzz
33

Accessibility Testing

Audit web pages and components for WCAG 2.1 AA/AAA compliance.

Community
Advanced