skills.rest
ag47-pt
ag47-ptCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review web interface code for accessibility, usability, and design guideline violations.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps identify usability, accessibility, performance, and interface quality issues in web UI code by comparing implementations against established web interface guidelines.

Core Features & Use Cases

  • UI Compliance Review: Analyze frontend files for violations of web interface best practices and accessibility expectations.
  • Guideline-Based Auditing: Retrieve current review rules and apply them consistently to provided code patterns.
  • Use Case: Review a website component library or page implementation to find actionable UI issues before release.

Quick Start

Ask the skill to review the specified UI files against the latest web interface guidelines and report the findings.

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 interface code for accessibility and usability issues?▼

To audit web interface code for accessibility and usability issues, you need a review process that compares frontend source files against established web design guidelines to identify compliance violations. This skill automates that exact comparison.

What is a UX audit for frontend implementations?▼

A UX audit for frontend implementations is a structured review of web UI code to detect accessibility barriers, usability flaws, and design guideline violations before a website or component library is released.

Can I review my component library for web design guideline violations?▼

Yes, you can review a component library by providing the target source files to this skill. It applies current review rules consistently to your code patterns and outputs structured compliance findings.

Do I need source files to perform a UI compliance review?▼

Yes, you must provide access to target source files for a UI compliance review. The skill requires frontend code to analyze against web interface guidelines and produce actionable findings.

What's the best way to check website quality after implementation?▼

The best way to check website quality after implementation is a guideline-based audit that systematically scans frontend code for accessibility, usability, and performance issues to ensure interface compliance.

Related Skills

Explore More Design & Creative Skills→
alexzhang1030alexzhang1030

web-design-guidelines

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

Community
Intermediate
KosmioKosmio

ux-designer

Apply UX best practices to improve interface usability and accessibility.

Official
Intermediate
WanxiaJaneYangWanxiaJaneYang

before-frontend-dev

Direct users to frontend development guidelines in `.trellis/spec/frontend/index.md` before coding.

Community
Basic
abhishekdutta18abhishekdutta18

browser-qa

Automate visual, functional, and accessibility testing of web pages.

Community
Intermediate