skills.rest
sudat
sudatCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Fetch latest Web Interface Guidelines and review UI code for compliance.

Updated Jan 5, 2026
Search Tags:#code quality#accessibility#ui review#design audit#ux#web guidelines
One-click install
npx skills add https://github.com/sudat/req-manager --skill web-design-guidelines-sudat
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/sudat/req-manager/tree/main/.cursor/skills/web-design-guidelines
Command: npx skills add https://github.com/sudat/req-manager --skill web-design-guidelines-sudat

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the review of UI code to ensure it complies with established Web Interface Guidelines, catching potential design and accessibility issues early.

Core Features & Use Cases

  • Automated Compliance Checks: Scans specified files against a comprehensive set of web interface rules.
  • Guideline Fetching: Automatically retrieves the latest guidelines from a remote source before each review.
  • Use Case: When developing a new feature, use this Skill to audit the UI code for accessibility and adherence to design best practices before merging.

Quick Start

Use the web-design-guidelines skill to review the UI code in the 'src/components' directory.

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 UI code for web design guidelines and accessibility?▼

To audit UI code for web design guidelines, this Skill scans specified files against established rules fetched from a remote source, validating UX best practices and accessibility compliance automatically.

What is a design audit for UI code and when do I need one?▼

A design audit for UI code is an automated compliance check against web interface guidelines. You need one when developing new features to catch accessibility and UX issues before merging code.

Can I check accessibility compliance for files in a specific directory?▼

Yes, you can check accessibility compliance by specifying a target directory like 'src/components'. The Skill fetches the latest web interface guidelines and applies pattern matching to review those code files.

Do I need to manually update web interface guidelines before reviewing UI code?▼

No, you do not need to manually update web interface guidelines. The Skill dynamically retrieves the latest rules from a remote source before each UI code review to ensure compliance checks are current.

What's the best way to validate UX best practices in frontend components?▼

The best way to validate UX best practices is automating the review process. This Skill fetches web interface guidelines and pattern matches them against your frontend component files to identify design standard violations.

Why does my UI code fail accessibility checks after a guideline update?▼

UI code fails accessibility checks after a guideline update because this Skill dynamically fetches the latest remote rules. New accessibility requirements or modified UX best practices may flag previously compliant code.

Related Skills

Explore More Design & Creative Skills→
remcostoetenremcostoeten
14

web-design-guidelines

Audit web interface code against design and accessibility standards.

Community
Intermediate
spartDevspartDev
6

Design System Compliance

Enforce design-system compliance for UI components with dark mode and accessibility requirements.

Community
Intermediate
CallMeLuigiv2CallMeLuigiv2

web-design-guidelines

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

Community
Basic
alfredosalzilloalfredosalzillo
2

web-design-guidelines

Fetch Web Interface Guidelines and validate UI files against all rules.

Community
Intermediate