skills.rest
rokkay
rokkayCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Checks UiTM/UxMTF codebase compliance with latest standards and outputs flagged findings with locations.

Updated Mar 20, 2026
Search Tags:#code-analysis#design-review#web-accessibility#ui-guidelines#ux-review#frontend-qa#ui-audit
One-click install
npx skills add https://github.com/rokkay/dotfiles-macos --skill web-design-guidelines-rokkay
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/rokkay/dotfiles-macos/tree/main/config/claude/skills/web-design-guidelines
Command: npx skills add https://github.com/rokkay/dotfiles-macos --skill web-design-guidelines-rokkay

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams verify UI code against the latest Web Interface Guidelines, surfacing accessibility and UX gaps early.

Core Features & Use Cases

  • Fetch and reference the latest Web Interface Guidelines.
  • Scan project files for guideline conformance and identify violations.
  • Generate concise, line-referenced findings to inform fixes.

Quick Start

Provide the files or a pattern to review against the latest 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 project files for UI guideline compliance?▼

Yes, this Skill performs UX and accessibility reviews by comparing your source files against the latest Web Interface Guidelines. It identifies UI compliance issues and outputs findings in a terse file:line format to inform fixes.

What do I need to provide to start a web accessibility review?▼

The Skill scans project files for conformance against the latest Web Interface Guidelines. It fetches the rule source via URL, applies the rules across multiple file types, and surfaces accessibility and UX gaps early.

Does this UI audit tool work across multiple file types?▼

The Skill generates concise, line-referenced findings. By outputting violations in a terse file:line format, it directly informs developers where to apply fixes for UI compliance and accessibility gaps.

How are UI compliance issues reported during a frontend QA check?▼

The Skill generates concise, line-referenced findings. By outputting violations in a terse file:line format, it directly informs developers where to apply fixes for UI compliance and accessibility gaps.

Related Skills

Explore More Design & Creative Skills→
BangjjackBangjjack

web-design-guidelines

Review UI code against Web Interface Guidelines and report findings in file:line format.

Official
Intermediate
gensart-projsgensart-projs

web-design-guidelines

Evaluate UI files against Web Interface Guidelines for accessibility, contrast, typography, and layout.

Community
Intermediate
redpanda-dataredpanda-data
34

setup-accessibility

Enforce WCAG 2.1 AA ARIA compliance via Claude Code hooks with Playwright and AXE.

Official
Intermediate
rhuangabrielsantosrhuangabrielsantos

cy-review-round

Review PRD implementation code and generate structured issue files.

Community
Intermediate