skills.rest
IsKenKenYa
IsKenKenYaCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review Web interface UI code against current Web Interface Guidelines.

Updated May 11, 2026
Search Tags:#code review#accessibility#web ui#ux audit#design compliance#file line findings
One-click install
npx skills add https://github.com/IsKenKenYa/Commory --skill web-design-guidelines-iskenkenya
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/IsKenKenYa/Commory/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/IsKenKenYa/Commory --skill web-design-guidelines-iskenkenya

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you catch UI and accessibility issues early by checking your Web interface code against an up-to-date set of Web Interface Guidelines, reducing the risk of inconsistent UX and usability regressions.

Core Features & Use Cases

  • Guideline-driven reviews: Fetches the latest official rule set and applies every rule during the audit.
  • Targeted file/pattern checking: Reviews user-specified files or prompts you to choose what to inspect when nothing is provided.
  • Actionable output: Reports findings in the concise file:line format required by the guidelines for fast fixes.

Quick Start

Run the review by specifying the file(s) or pattern you want to check, for example: Review Web UI files matching "web/src/components/**/*".

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

To audit web UI code for accessibility and UX regressions, you can specify files or patterns for review. The tool fetches the latest web interface guidelines and reports issues in a file:line format for fast fixes.

What is a file-based UX audit for front-end code?▼

A file-based UX audit for front-end code checks your web interface against best practices to find usability issues. It applies current web interface guidelines to your specified files to ensure design compliance and consistent UX.

How do I check design compliance for specific web components?▼

You can check design compliance for specific web components by specifying a file pattern during the review. The tool scans targeted front-end files matching your pattern against the fetched rule set to identify accessibility and UX regressions.

Do I need to manually provide the web interface guidelines for the review?▼

No, you do not need to manually provide the web interface guidelines for the review. The tool automatically fetches the latest official rule set before analysis, applying every rule during the audit to catch UI and accessibility issues.

What format does the UX audit use to report findings?▼

The UX audit reports findings using a concise file:line output format required by the guidelines. This actionable output identifies exact locations of accessibility and UX regressions in your web interface code for fast fixes.

Can I run a pattern-based scan for front-end quality checks without specifying files?▼

Yes, you can run a pattern-based scan without specifying files. If nothing is provided, the tool prompts you to choose what to inspect, then applies the latest web interface guidelines to perform targeted front-end quality checks.

Related Skills

Explore More Design & Creative Skills→
patrickhaahrpatrickhaahr

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design quality.

Community
Basic
lukebazelukebaze

web-design-guidelines

Identify UI compliance issues by comparing code with Web Interface Guidelines and accessibility standards.

Community
Intermediate
tnunamaktnunamak

web-design-guidelines

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

Community
Intermediate
mhintz1980mhintz1980

web-design-guidelines

Identify accessibility and UX compliance gaps in web UI code against Web Interface Guidelines.

Community
Intermediate