skills.rest
PlazaCC
PlazaCCOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Assess UI code against Web Interface Guidelines and return a rule-based report.

2|Updated Apr 11, 2026
Search Tags:#design#ui#accessibility#audit#compliance#guidelines#web
One-click install
npx skills add https://github.com/PlazaCC/antes-da-tela --skill web-design-guidelines-plazacc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/PlazaCC/antes-da-tela/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/PlazaCC/antes-da-tela --skill web-design-guidelines-plazacc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI code across web apps often fails to meet accessibility, consistency, and usability expectations, leading to frustrated users and lower engagement.

Core Features & Use Cases

  • Fetch latest Web Interface Guidelines from the official source before reviews to ensure up-to-date checks
  • Scan designated UI files and assets for accessibility, contrast, labeling, responsive behavior, and consistency violations
  • Output a concise, actionable findings report with file paths and line references that can guide fixes

Quick Start

Provide a UI files review against the latest Web Interface Guidelines.

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 my UI code for web accessibility and usability compliance?▼

You can check web design compliance for existing projects by providing UI files for review, and the Skill will fetch the latest Web Interface Guidelines and scan them for accessibility, consistency, and responsive violations.

What specific web design issues does an automated UI audit detect?▼

The Skill assesses UI code for adherence to Web Interface Guidelines by fetching the latest standards, scanning specified files or patterns, and returning a concise, actionable findings report with line references.

Do I need to manually provide web interface guidelines for a UI code review?▼

The Skill ensures up-to-date checks by fetching the latest Web Interface Guidelines from the official source before scanning designated UI files and assets for accessibility, contrast, labeling, and responsive behavior violations.

Can I scan individual web components for design consistency violations?▼

The Skill can be applied to specified files or patterns within your web apps and components to identify accessibility, consistency, and usability gaps, returning a structured, rule-based report with file paths.

How do I fix UI code after finding accessibility and contrast violations?▼

The Skill outputs a concise, actionable findings report with file paths and line references for accessibility and contrast violations, which can guide fixes across your web apps and components.

Related Skills

Explore More Design & Creative Skills→
patrickhaahrpatrickhaahr

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design quality.

Community
Basic
tylergibbs1tylergibbs1
1

vercel-design-guidelines

Audit web interfaces against Vercel design guidelines and report violations with fixes.

Community
Basic
lastdays03lastdays03

web-design-guidelines

Audit UI files for accessibility, consistency, and responsive compliance.

Community
Intermediate
mhfedmhfed

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility issues.

Community
Intermediate