skills.rest
junevm
junevmCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-polish

Refine web application UI/UX with desktop and mobile passes and WCAG 2.2 AA audits.

Updated Aug 23, 2026
Search Tags:#accessibility#responsive design#design systems#wcag 2.2#visual polish#ui ux#reduced motion
One-click install
npx skills add https://github.com/junevm/avtoolz --skill ui-ux-polish-junevm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-polish
Source: https://github.com/junevm/avtoolz/tree/main/.agents/skills/ui-ux-polish
Command: npx skills add https://github.com/junevm/avtoolz --skill ui-ux-polish-junevm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps teams repeatedly improve an already-working web UI from merely functional to premium, visually consistent, and accessibility-compliant.

Core Features & Use Cases

  • Iterative polish cycles: Run the same refinement workflow 10+ times to compound small visual and interaction improvements.
  • Desktop/mobile modality split: Optimize desktop and mobile UX independently to avoid compromises that degrade one side.
  • Design pattern application: Implement visual styles like glassmorphism, neumorphism, and bento grids with legibility and interaction states.
  • Accessibility and UX guardrails: Apply WCAG 2.2 AA practices (contrast, focus visibility, semantic HTML, reduced motion) while refining typography and spacing.
  • Structured delegation: Hand off desktop/mobile passes, visual regression checks, and deeper accessibility audits to specialized agents.

Quick Start

Ask the AI to run iterative UI/UX polishing for your app, optimizing desktop and mobile separately for visual polish, design-pattern alignment (glassmorphism/bento grids), and WCAG 2.2 AA accessibility with reduced-motion support.

Frequently Asked Questions about ui-ux-polish

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

FAQPage Schema
How do I improve web application UI polish and achieve a premium visual design?▼

Improve web application UI polish through iterative refinement cycles that separately optimize desktop and mobile styling passes, applying design patterns like glassmorphism and bento grids while running repeated enhancement cycles to compound visual improvements.

How do I make my website WCAG 2.2 AA compliant and fix accessibility issues?▼

Make your website WCAG 2.2 AA compliant by running accessibility audits that enforce contrast thresholds, visible focus states, semantic HTML correctness, adequate target sizes, and reduced-motion compatibility during the visual polish workflow.

Can I optimize mobile and desktop responsive design separately without degrading one side?▼

Yes, you can optimize mobile and desktop responsive design separately by splitting modality-specific styling passes, allowing independent UX optimization for each platform to avoid compromises that degrade the other side's user experience.

What is the best way to implement glassmorphism and bento grid design patterns with proper legibility?▼

The best way to implement glassmorphism, neumorphism, and bento grid design patterns is by applying visual style passes that ensure proper legibility, correct interaction states, and accessibility guardrails alongside the aesthetic implementation.

Do I need a working web application before starting iterative UX refinement?▼

Yes, you need a functional web application before starting iterative UX refinement, as this process enhances an already-working UI from merely functional to premium, visually consistent, and accessibility-compliant through repeated polish cycles.

Why does my UI design break when scaling across different screen sizes and modalities?▼

UI design breaks across screen sizes when desktop and mobile are not optimized independently; structured delegation of modality-specific styling passes and visual regression checks prevents compromises that degrade responsive design.

Related Skills

Explore More Design & Creative Skills→
Muskan492Muskan492

frontend-builder

Develop web pages and reusable UI components with HTML, CSS, and JavaScript.

Community
Intermediate
Muath2000Muath2000

frontend-design

Design accessible, responsive frontend interfaces with design tokens and WCAG 2.2 AA compliance.

Community
Advanced
GTC6244GTC6244

design-review

Audit UI pages for typography, spacing, color, and alignment inconsistencies.

Community
Advanced
anouar1991anouar1991
1

responsive-design-tester

Audit web pages across six viewports for responsive design issues.

Community
Advanced