skills.rest
gyalamanch001a
gyalamanch001aCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review HTML, CSS, and JavaScript UI code against web interface guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps catch usability, accessibility, and interface pattern issues in UI code before they reach users, making design reviews faster and more consistent.

Core Features & Use Cases

  • Guideline-based review: Checks interface code against the latest web interface rules.
  • Accessibility and UX auditing: Flags common problems that affect clarity, usability, and best-practice compliance.
  • Use Case: A product or frontend team can use it to review a page implementation and quickly identify issues that should be fixed before release.

Quick Start

Review the specified UI files for web interface guideline compliance and return any findings in terse file:line format.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check my frontend code for web interface guideline compliance?▼

To check frontend code for web interface guideline compliance, review your HTML, CSS, and JavaScript files against the latest guideline documents. This process flags usability, accessibility, and pattern violations in a terse file:line format for fast resolution.

What is a UI review for accessibility and UX best practices?▼

A UI review for accessibility and UX best practices is an audit of interface code to catch usability and clarity issues. It checks implementations against standard web guidelines to ensure design compliance before user release.

Can I audit HTML and CSS files for accessibility issues before release?▼

Yes, you can audit HTML and CSS files for accessibility issues before release. The review process fetches current web interface guidelines, analyzes the specified frontend files, and reports any compliance violations in a terse file:line format.

What is the best way to perform a UX audit on web frontend code?▼

The best way to perform a UX audit on web frontend code is to review it against the latest web interface guidelines. This validates HTML, CSS, and JavaScript implementations, identifying accessibility and usability problems quickly and consistently.

How do I get web design compliance findings in a file:line format?▼

To get web design compliance findings in a file:line format, review your UI code against fetched interface guideline documents. The review reports accessibility checks and frontend best-practice violations tersely, pinpointing exact locations for fast fixes.

Why does my UI code fail web interface guideline reviews?▼

UI code fails web interface guideline reviews when it contains accessibility barriers, usability issues, or non-compliant frontend patterns. Fetching the latest guidelines and auditing HTML, CSS, and JavaScript files identifies these violations in a file:line format.

Related Skills

Explore More Software Engineering Skills→
memorysavermemorysaver

web-design-guidelines

Audit frontend HTML/CSS/JS files against Web Interface Guidelines and output file:line remediation findings.

Community
Basic
darthlinuxerdarthlinuxer

web-design-guidelines

Audit web frontend files against Web Interface Guidelines and output file:line findings.

Community
Intermediate
nvimcraftnvimcraft

wcag-audit

Audit web interfaces for WCAG compliance and remediation requirements.

Community
Advanced
LschulzesLschulzes

web-design-guidelines

Evaluate UI code against Web Interface Guidelines to detect deviations.

Community
Intermediate