skills.rest
rbaumier
rbaumierCOMMUNITY
Explore all skills by this author →
Website𝕏@rbaumierGitHub

ui-ux

Audit UI/UX designs and produce WCAG findings and prioritized fixes.

4|Updated Feb 12, 2026
Search Tags:#accessibility#audit#ui-ux#design-system#responsive-design#visual-hierarchy#anti-ai-slop
One-click install
npx skills add https://github.com/rbaumier/skills --skill ui-ux-rbaumier
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux
Source: https://github.com/rbaumier/skills/tree/main/ui-ux
Command: npx skills add https://github.com/rbaumier/skills --skill ui-ux-rbaumier

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides comprehensive, production-ready guidance to design, review, refine, and harden user interfaces so teams avoid generic, AI-slop outputs and ship accessible, high-quality experiences.

Core Features & Use Cases

  • Design systems & tokens: naming conventions, concentric radii, spacing scale, typographic system, OKLCH color guidance and dark-mode strategy.
  • Review & audit workflow: four-phase audits (anti-patterns verdict, technical audit, design critique, final polish) with checklists and prioritized remediation.
  • Accessibility & interaction: WCAG guardrails, form UX, focus management, keyboard patterns, touch targets, reduced-motion support.
  • Enhancement toolkit: visual impact strategies, onboarding/empty states, micro-interactions, motion rules (transform+opacity only), and anti-AI-slop directives (3-dial system, 100 AI Tells).
  • Creative patterns: hero paradigms, bento layouts, card archetypes, and advanced browser API suggestions for progressive enhancement.

Quick Start

Run a four-phase review: check anti-patterns, run technical and accessibility audits, perform a design critique, then apply the polish checklist and produce prioritized fixes.

Frequently Asked Questions about ui-ux

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

FAQPage Schema
How do I audit a user interface for accessibility and visual hierarchy?▼

A UI design system establishes naming conventions, spacing scales, concentric radii, and typographic systems. It provides OKLCH color guidance and dark-mode strategy to generate consistent token and shadow systems for web and mobile products.

What is anti-AI slop in UI design and how do I check for it?▼

Anti-AI slop checks identify generic, low-quality AI-generated interface outputs. The process uses a 3-dial system and a 100 AI Tells checklist during the review workflow to ensure visual distinction and apply targeted design enhancements.

Can I use this for responsive design and mobile layout reviews?▼

Yes, interface review workflows support responsive design and mobile layouts. The audit checks touch targets, keyboard patterns, focus management, and form UX to produce prioritized fixes for both web and mobile product contexts.

What's the best way to implement dark mode theming and design tokens?▼

Implement dark mode theming using OKLCH color guidance and established token systems. The workflow generates token and shadow systems with naming conventions and spacing scales to ensure consistent visual output across light and dark themes.

Related Skills

Explore More Design & Creative Skills→
jhlee0409jhlee0409

canvas-debugging

Diagnose Konva canvas layout and grid alignment issues.

Community
Intermediate
augustoheissaugustoheiss

agency-ui-designer

Create tokenized UI design systems with WCAG AA accessibility and developer handoff packages.

Community
Advanced
AvihusittonAvihusitton

gpt-taste

Generate GSAP-powered landing pages with AIDA structure and dense bento grids.

Community
Advanced
act70255act70255

ui-visual-validator

Validate UI components for visual consistency, design system compliance, and accessibility.

Community
Advanced