unified-web-design

Review web UI accessibility and visual design against WCAG 2.1 guidelines.

Updated Nov 10, 2018
One-click install
npx skills add https://github.com/GLaDO8/dotfiles --skill unified-web-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: unified-web-design
Source: https://github.com/GLaDO8/dotfiles/tree/main/claude/backup/skills/unified-web-design
Command: npx skills add https://github.com/GLaDO8/dotfiles --skill unified-web-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates a comprehensive web design review focused on accessibility, visual quality, and interface best practices.

Core Features & Use Cases

  • Accessibility checks aligned with WCAG 2.1
  • Visual design quality evaluation and consistency checks
  • Application of design constraints across components and projects
  • Use Case: When asked to review a UI, audit UX, or check a site for accessibility, this skill applies the guidelines uniformly.

Quick Start

Use this skill to review a UI component set or an entire page, then apply the guidelines to suggest improvements.

Frequently Asked Questions about unified-web-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check my UI for WCAG 2.1 accessibility compliance?

To check UI accessibility, this skill applies structured guidelines and automated checks aligned with WCAG 2.1, evaluating visual quality and interface best practices to provide actionable feedback.

What is included in a comprehensive web design review?

A comprehensive web design review includes evaluating visual design quality, checking interface consistency, and applying accessibility constraints across components using modern UI best practices.

How do I audit UX design constraints across an entire project?

You audit UX design constraints across a project by applying uniform interface guidelines to component sets or full pages, enabling structured suggestions for improvements.

Can I use this to review a site for accessibility without prior UI guidelines?

Yes, you can review a site for accessibility without prior guidelines because the skill applies predefined modern UI design best practices and WCAG 2.1 standards automatically.

What's the best way to get actionable feedback on visual design quality?

The best way to get actionable feedback is to request a UI design review, which evaluates visual quality and consistency against structured guidelines to highlight areas for improvement.

Does this accessibility audit check for specific a11y best practices?

Yes, the accessibility audit checks for specific a11y best practices by applying structured checks aligned with WCAG 2.1 to ensure your interface meets modern accessibility standards.