skills.rest
PrakD3
PrakD3COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Identify UI code violating Web Interface Guidelines and report findings in file:line format.

1|Updated Apr 17, 2026
Search Tags:#accessibility#frontend#ui-design#design-review#web-guidelines
One-click install
npx skills add https://github.com/PrakD3/ProtEngine-Labs --skill web-design-guidelines-prakd3
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/PrakD3/ProtEngine-Labs/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/PrakD3/ProtEngine-Labs --skill web-design-guidelines-prakd3

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review files for compliance with Web Interface Guidelines, helping ensure UI code adheres to accessibility and design best practices.

Core Features & Use Cases

  • Fetches the latest Web Interface Guidelines from the official source and applies them to the target codebase.
  • Reads specified files or patterns, compares against the guidelines, and reports violations in a concise format.
  • Use cases include auditing UI components, verifying accessibility conformance, and validating UX consistency across projects.

Quick Start

Run a UI guideline review on your project by targeting your frontend files.

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 UI design guideline violations?▼

A web interface guideline review validates frontend files against fetched accessibility and design best practices, outputting violations in a terse file:line format to ensure UI code conformance.

When do I need a web interface guidelines review for my project?▼

You need a web interface guidelines review when auditing UI components, verifying accessibility conformance, or validating UX consistency across codebases to ensure your frontend design meets established best practices.

How do I audit my UI components for accessibility conformance?▼

To audit UI components for accessibility conformance, run a review that fetches official Web Interface Guidelines and compares your frontend code against them, outputting any violations found in a terse file:line format.

Does this design review work with any frontend web project?▼

Yes, the design review is applicable to frontend web projects. It reads specified files or patterns from your codebase and validates them against the fetched Web Interface Guidelines regardless of the underlying framework.

How are UI code violations reported during a design audit?▼

UI code violations are reported in a terse file:line format during a design audit. This concise output identifies exactly where your frontend code fails to meet Web Interface Guidelines.

Can I validate UX consistency across multiple frontend projects?▼

You can validate UX consistency across multiple frontend projects by running reviews on specified file patterns in each codebase, comparing them against the same fetched Web Interface Guidelines.

Related Skills

Explore More Design & Creative Skills→
RykunoRykuno
24

web-design-guidelines

Audit UI code against Web Interface Guidelines and report issues in file:line format.

Community
Intermediate
EdwinFerminEdwinFermin

web-design-guidelines

Identify UI guideline violations in web codebases and report them in file:line format.

Community
Intermediate
hopeoverturehopeoverture
6

ui-library-usage-auditor

Audit shadcn/ui component usage for accessibility and design-system conformance.

Community
Advanced
obada-jarasobada-jaras

web-design-guidelines

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

Community
Intermediate