skills.rest
sharkitect-solutions
sharkitect-solutionsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Audit UI/UX designs for WCAG compliance and design system consistency.

Updated Aug 23, 2026
Search Tags:#accessibility#frontend#design system#ui/ux#review#guidelines#stack implementation
One-click install
npx skills add https://github.com/sharkitect-solutions/sharkitect-claude-toolkit --skill ui-ux-pro-max-sharkitect-solutions
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/sharkitect-solutions/sharkitect-claude-toolkit/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/sharkitect-solutions/sharkitect-claude-toolkit --skill ui-ux-pro-max-sharkitect-solutions

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires csv, re, pathlib, math, collections, json, argparse, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides expert guidance for reviewing and improving UI/UX quality, ensuring accessibility, and making informed design decisions across various technology stacks.

Core Features & Use Cases

  • UI/UX Audits: Conduct thorough reviews of existing interfaces for quality, consistency, and adherence to best practices.
  • Design System Guidance: Get recommendations for color palettes, font pairings, and style applications.
  • Accessibility Checks: Audit designs against WCAG 2.1 AA standards.
  • Stack-Specific Implementation: Receive guidelines tailored for frameworks like React, Next.js, Vue, and more.
  • Use Case: You need to audit a new dashboard's UI for accessibility issues and ensure its color palette aligns with modern design trends.

Quick Start

Review the attached design mockups for accessibility and visual hierarchy issues.

Frequently Asked Questions about ui-ux-pro-max

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

FAQPage Schema
How do I audit my UI design for WCAG 2.1 AA accessibility compliance?▼

To audit UI for WCAG compliance, you can use data-driven scripts that evaluate color palettes, visual hierarchy, and interaction states against accessibility guidelines. This process identifies specific contrast and consistency issues in your design mockups.

Can I get design system guidance for React and Next.js stacks?▼

Yes, design system guidance can be tailored for frontend stacks like React and Next.js. It provides specific implementation patterns for color palettes, font pairings, and style applications to ensure consistency across your chosen framework.

What does a comprehensive UI/UX review cover?▼

A comprehensive UI/UX review covers accessibility, color palettes, typography, and implementation patterns. It addresses visual hierarchy, consistency, interaction states, and responsiveness across multiple technology stacks using data-driven analysis.

Do I need design mockups to check visual hierarchy and consistency?▼

Yes, you need design mockups to effectively review visual hierarchy and consistency. The analysis references these mockups to evaluate typography, color palettes, and interaction states against best practices and WCAG standards.

Why does my dashboard UI fail accessibility checks on color contrast?▼

Dashboard UI fails accessibility checks when color palettes do not meet WCAG 2.1 AA contrast standards. Data-driven analysis audits your color choices and provides recommendations to align with modern design trends while ensuring compliance.

Related Skills

Explore More Design & Creative Skills→
corbintalbert9744-artcorbintalbert9744-art

branding-generator

Generate three brand directions with color palettes, typography, logos, and guidelines.

Community
Advanced
ProjectEuropaProjectEuropa
4

frontend-design

Design and implement accessible Next.js, React, and TailwindCSS frontend interfaces with design-system workflows.

Community
Advanced
XSpoonAiXSpoonAi
260

data-processor

Analyze and transform JSON, CSV, and text data with Python scripts.

Official
Intermediate
zm2231zm2231

design-feedback

Review UI/UX designs and visual assets with structured checklists and accessibility assessments.

Community
Intermediate