skills.rest
Pancake-Q
Pancake-QCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Check UI code against Web Interface Guidelines for accessibility and UX compliance.

1|Updated Mar 19, 2026
Search Tags:#design audit#web accessibility#web guidelines#UX review#UI compliance
One-click install
npx skills add https://github.com/Pancake-Q/claude-plugin-frontend --skill web-design-guidelines-pancake-q
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Pancake-Q/claude-plugin-frontend/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/Pancake-Q/claude-plugin-frontend --skill web-design-guidelines-pancake-q

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps ensure that UI code is compliant with Web Interface Guidelines, addressing concerns related to accessibility, UX, and design audit requirements.

Core Features & Use Cases

  • Accessibility Check: Verify UI code against accessibility standards.
  • Design Audit: Assess design and UX compliance with industry best practices.
  • Use Case: When asked to review a UI for compliance with web design guidelines, this skill fetches the latest guidelines and checks the code against them.

Quick Start

Review the UI code in 'index.html' for Web Interface Guidelines 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 check my UI code for web accessibility compliance?▼

To check UI code for web accessibility compliance, you can run a design audit that fetches specified web interface guidelines and compares them directly against your codebase to identify accessibility and UX issues.

What is a UX review against web guidelines?▼

A UX review against web guidelines is a design audit that compares your UI code to fetched industry best practices, verifying that your interface meets accessibility standards and UX compliance requirements.

Can I audit HTML files for web design guideline violations?▼

Yes, you can audit HTML files for web design guideline violations by providing the codebase to the review process, which checks the UI code against guidelines fetched from a specified URL for compliance.

Do I need a specific format for web interface guidelines to run a design audit?▼

Yes, a design audit requires the web interface guidelines to be in a specific format for comparison, ensuring the fetched URL content can be accurately matched against your provided UI codebase.

Does UI compliance checking work without external guideline URLs?▼

No, UI compliance checking requires a specified URL to fetch the latest web interface guidelines, which are then used as the baseline to assess your code for accessibility and UX design audit requirements.

What components are needed to verify UI code against web accessibility standards?▼

Verifying UI code against web accessibility standards uses scripts and references to fetch guidelines from a URL and compare them against your codebase, producing a design audit of compliance issues.

Related Skills

Explore More Design & Creative Skills→
kage1020kage1020

web-design-guidelines

Fetch Web Interface Guidelines and report UI code violations in file:line format.

Community
Intermediate
trancong12102trancong12102
3

web-design-guidelines

Audit web UI files against Web Interface Guidelines for accessibility and usability.

Community
Intermediate
CwuztoCwuzto

web-design-guidelines

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

Community
Intermediate
GLaDO8GLaDO8

web-design-guidelines

Audit UI code against Web Interface Guidelines and report violations.

Community
Basic