skills.rest
maxjuniorbr
maxjuniorbrCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit frontend code against up-to-date web interface guidelines to identify accessibility and consistency violations.

2|Updated Nov 21, 2025
Search Tags:#ui#accessibility#frontend#web-design#design-guidelines#ui-review
One-click install
npx skills add https://github.com/maxjuniorbr/segflow-crm --skill web-design-guidelines-maxjuniorbr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/maxjuniorbr/segflow-crm/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/maxjuniorbr/segflow-crm --skill web-design-guidelines-maxjuniorbr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This set of guidelines helps teams consistently apply high-quality web interface standards across UI reviews, audits, and frontend evaluations, reducing misalignment and accessibility gaps.

Core Features & Use Cases

  • Guideline retrieval: Fetch the latest web interface guidelines from the source before review.
  • Conformance auditing: Check code and designs against the retrieved rules for accessibility, usability, and visual consistency.
  • Use Case: When reviewing a frontend repo, run the guidelines to identify accessibility violations and inconsistent component states.

Quick Start

Provide a file or pattern to audit using the guidelines and fetch the rules from the source.

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 frontend code for UI accessibility and visual consistency?▼

Web interface guidelines are a set of up-to-date standards used to audit UI quality, accessibility, and usability. They help teams consistently apply high-quality frontend standards across projects, reducing misalignment and accessibility gaps during reviews.

How do I check my web design for conformance to current accessibility rules?▼

You can use this UI review process for auditing frontend designs and evaluating conformance across projects and components. It is applicable when reviewing UI code in a repository to identify accessibility violations and inconsistent component states.

How do I retrieve the latest web interface guidelines before reviewing a UI?▼

The skill automatically fetches the latest web interface guidelines from the source before starting the review. You simply provide the file or pattern to audit, and it applies the retrieved rules to report non-conformities.

What is the best way to identify inconsistent component states in a frontend repo?▼

The best way to identify inconsistent component states is to run a UI review using web design guidelines. By auditing your frontend repo against fetched rules, you can pinpoint accessibility violations and visual inconsistencies at the file level.

Does this UI review skill work without external dependencies?▼

Yes, the UI review skill operates without external dependencies or components. It independently fetches web interface guidelines and audits your provided files to report accessibility and visual non-conformities.

Related Skills

Explore More Design & Creative Skills→
vuminhieuvuminhieu

web-design-guidelines

Audit UI code against Web Interface Guidelines and report file:line findings.

Community
Intermediate
peopledearpeopledear
1

Frontend Components

Enforce frontend component coding standards in Claude Code workflows.

Official
Basic
gabriellpequenogabriellpequeno
8

web-design-guidelines

Enforce external UI guideline compliance during front-end design reviews and critiques.

Community
Basic
LeroyAdonisLeroyAdonis

web-design-guidelines

Fetch official Web Interface Guidelines and report UI non-conformities per file.

Community
Intermediate