skills.rest
pckienuit
pckienuitCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI files for Web Interface Guidelines compliance with file:line findings.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps catch UI and frontend issues that hurt accessibility, usability, consistency, and overall web quality before they ship.

Core Features & Use Cases

  • Guideline Compliance Review: Checks interface code against established web design and accessibility best practices.
  • Terse Findings Output: Produces concise file and line based results that are easy to fix in code review.
  • Use Case: A developer can run this after implementing a page to identify layout, interaction, or accessibility problems that should be corrected before release.

Quick Start

Use the web-design-guidelines skill to review the attached frontend files for accessibility, performance, and web interface best-practice compliance.

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 frontend code for accessibility and web design best practices?▼

You can audit frontend code for accessibility and web design best practices by running a UI review against established web interface guidelines to identify usability and compliance issues before release.

What is a UI review for web interface guidelines compliance?▼

A UI review for web interface guidelines compliance is a validation process that checks interface code against established web design and accessibility best practices to catch frontend issues before shipping.

How do I check my implemented UI files for usability and accessibility problems?▼

To check implemented UI files for usability and accessibility problems, run a frontend audit that produces concise file and line based results to pinpoint exact code locations needing fixes.

Can I get line-level findings from an accessibility check on my frontend files?▼

Yes, an accessibility check on frontend files can produce terse file:line output, delivering concise line-level findings that map directly to code locations for easy review and fixes.

When do I need to run a UX audit on my web interface?▼

You need to run a UX audit on your web interface after implementing a page to identify layout, interaction, or accessibility problems that should be corrected before release.

Does a frontend audit require fresh guideline retrieval for web best practices?▼

Yes, a frontend audit requires fresh guideline retrieval to ensure web best practices validation checks current interface code against the most up-to-date accessibility and usability standards.

Related Skills

Explore More Software Engineering Skills→
capaas2capaas2

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility violations.

Community
Intermediate
YeomanYeYeomanYe

web-design-guidelines

Analyze HTML, CSS, and JS UI code against Web Interface Guidelines.

Community
Intermediate
neuron-oneneuron-one
25

browser-testing

Automate browser UI verification and visual regression checks across viewports.

Community
Intermediate
JustasMonkevJustasMonkev
56

Accessibility Scanner CLI Skill

Run Axe-core accessibility scans and keyboard audits via an interactive CLI.

Community
Intermediate