skills.rest
alexisg24
alexisg24COMMUNITY
Explore all skills by this author →
𝕏@MasterCR_GitHub

web-design-guidelines

Review UI files against Web Interface Guidelines for compliance issues.

Updated Feb 8, 2026
Search Tags:#accessibility#guidelines#web-design#design-review#ui-review#ux-audit
One-click install
npx skills add https://github.com/alexisg24/claude-agrents-env-tests --skill web-design-guidelines-alexisg24
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/alexisg24/claude-agrents-env-tests/tree/main/environments/nextjs-nestjs-pg-redis-agents/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/alexisg24/claude-agrents-env-tests --skill web-design-guidelines-alexisg24

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for compliance with Web Interface Guidelines, reducing accessibility and design issues early in development.

Core Features & Use Cases

  • Fetch the latest guidelines from the official source URL before review.
  • Read specified UI files or patterns and apply all guidelines.
  • Output findings in a concise, standardized format suitable for design and development teams.
  • Use Case: When asked to audit a landing page for accessibility and UX alignment, run the Skill to identify violations and suggested improvements.

Quick Start

Provide a UI file path or pattern to begin a guideline-compliance review.

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

To audit web UI files for accessibility and design compliance, provide a UI file path or pattern to trigger an automated review against the latest Web Interface Guidelines, outputting structured findings on violations.

What is a UI design review against web guidelines?▼

A UI design review against web guidelines is an automated process that identifies compliance issues in your UI code by comparing files against the full rule set of Web Interface Guidelines, covering accessibility, UX, and visual design.

How do I check my landing page for accessibility and UX issues early in development?▼

You check your landing page for accessibility and UX issues by running a compliance audit on the UI file, which fetches the latest guidelines and emits structured results detailing violations and suggested improvements.

Can I review specific web components and pages for UX alignment?▼

Yes, you can review specific web components and pages for UX alignment by supplying the file path or pattern, allowing the review to apply checks across web components, pages, and patterns for compliance issues.

Does the web design review fetch guidelines from an external source?▼

Yes, the web design review fetches the latest guidelines from a specified official source URL before applying checks to your UI files to ensure the compliance audit uses current standards.

What format do the accessibility audit results use?▼

The accessibility audit results use a concise, standardized structured format that outputs identified compliance issues and suggested improvements, making it suitable for both design and development teams to review.

Related Skills

Explore More Design & Creative Skills→
riethmayerriethmayer
2

web-design-guidelines

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

Community
Intermediate
CallMeLuigiv2CallMeLuigiv2

web-design-guidelines

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

Community
Basic
roderikroderik
2

rams

Analyze UI components for WCAG accessibility and visual design issues.

Community
Basic
smithisrealdevsmithisrealdev

supabase-postgres-best-practices

Provides PostgreSQL/Supabase optimization including query tuning and schema design best practices.

Community
Intermediate