skills.rest
ProfFroggo
ProfFroggoCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code against Web Interface Guidelines and produce a findings report.

1|Updated Mar 8, 2026
Search Tags:#ui#accessibility#compliance#review#guidelines#ux#web-design
One-click install
npx skills add https://github.com/ProfFroggo/froggo-mission-control --skill web-design-guidelines-proffroggo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ProfFroggo/froggo-mission-control/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/ProfFroggo/froggo-mission-control --skill web-design-guidelines-proffroggo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines, helping teams avoid accessibility and UX pitfalls.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines from the official source.
  • Read specified UI files or patterns and evaluate them against the guidelines.
  • Output terse findings to guide design and development improvements.

Quick Start

Provide the UI files you want reviewed and run the guidelines checker.

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 accessibility compliance?▼

To check UI code for accessibility compliance, provide your UI files to the guidelines checker. It evaluates them against the latest Web Interface Guidelines and outputs a findings report detailing adherence issues.

What are Web Interface Guidelines and how do they affect UX?▼

Web Interface Guidelines are standards for accessibility, UX, and best-practice adherence in web projects. They affect UX by ensuring interfaces are usable and accessible, helping teams avoid common design and compliance pitfalls.

How do I audit web project files for UX best practices?▼

You audit web project files for UX best practices by providing the UI files or patterns you want reviewed. The checker fetches current guidelines, evaluates the code, and produces a report guiding design improvements.

Do I need to provide my own web design guidelines for the review?▼

No, you do not need to provide your own web design guidelines for the review. The checker fetches the latest Web Interface Guidelines directly from the official source URL to apply rules to your UI files.

Can I review UI patterns instead of full files for compliance?▼

Yes, you can review UI patterns instead of full files for compliance. The checker reads specified UI files or patterns and evaluates them against the fetched guidelines to produce terse findings for improvements.

What limitations exist when auditing UI code for accessibility?▼

A key limitation is that the checker outputs terse findings to guide improvements, meaning it identifies compliance issues against fetched guidelines but does not automatically fix the UI code for you.

Related Skills

Explore More Design & Creative Skills→
MuhomorikMuhomorik

web-design-guidelines

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

Community
Intermediate
wellnessbrotherjay-debugwellnessbrotherjay-debug

web-design-guidelines

Review UI code for Web Interface Guidelines compliance and report findings in file:line format.

Community
Intermediate
leanderriefelleanderriefel

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
0xDarkMatter0xDarkMatter
29

task-runner

Execute justfile recipes for test, build, lint, and deploy tasks.

Community
Basic