Web Design Guidelines

Reviews UI code against Web Interface Guidelines — UX, accessibility, and design conventions.

Design / Frontenddesignfrontend

Or just install the prompt above — no subscription needed

About this skill

name: web-design-guidelines description: Use when Reviews UI code against Web Interface Guidelines — UX, accessibility, and design conventions.

Web Design Guidelines

Audits existing frontend code against established web interface best practices rather than relying on subjective visual review alone.

What you get

A UI review report against Web Interface Guidelines.

Customize your output

Which files/pages to review
which guideline categories to prioritize.

Example output

A findings list of UX/design-convention issues in the reviewed UI.

Best for

Frontend developers and designers doing UI quality reviews.

Source: The Design Project · https://www.youtube.com/watch?v=Z-CKUQSS8AY Category: Design / Frontend · Priority: Standard

SKILL.md preview

---
name: web-design-guidelines
description: Use when Reviews UI code against Web Interface Guidelines — UX, accessibility, and design conventions.
---

# Web Design Guidelines

Audits existing frontend code against established web interface best practices rather than relying on subjective visual review alone.

## What you get

- A UI review report against Web Interface Guidelines.

## Customize your output

- **Which files/pages to review**
- **which guideline categories to prioritize.**

## Example output

A findings list of UX/design-convention issues in the reviewed UI.

## Best for

Frontend developers and designers doing UI quality reviews.

---

**Source:** The Design Project · [https://www.youtube.com/watch?v=Z-CKUQSS8AY](https://www.youtube.com/watch?v=Z-CKUQSS...