ui-ux-polish

Refine web application UI/UX through iterative visual and accessibility passes.

14|5|Updated Jan 29, 2026
One-click install
npx skills add https://github.com/oakoss/agent-skills --skill ui-ux-polish-oakoss
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-polish
Source: https://github.com/oakoss/agent-skills/tree/main/skills/ui-ux-polish
Command: npx skills add https://github.com/oakoss/agent-skills --skill ui-ux-polish-oakoss

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill transforms functional web applications into visually stunning, highly polished, and user-friendly experiences that rival top-tier products like Stripe.

Core Features & Use Cases

  • Iterative Refinement: Apply small, compounding visual improvements over multiple passes.
  • Modality Optimization: Independently enhance desktop and mobile user experiences.
  • Design Pattern Application: Implement modern aesthetics like glassmorphism and bento grids.
  • Accessibility Auditing: Ensure WCAG compliance and inclusive design principles.
  • Use Case: You have a working e-commerce site, but it feels a bit dated. Use this Skill to iteratively refine spacing, typography, and interactive elements, making it feel modern, premium, and delightful to use on both desktop and mobile.

Quick Start

Use the ui-ux-polish skill to iteratively refine the visual polish of the application, optimizing for both desktop and mobile experiences.

Frequently Asked Questions about ui-ux-polish

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

FAQPage Schema
How do I polish web application UI/UX to a Stripe-level visual quality?

UI/UX polish uses an iterative, multi-pass workflow that applies small, compounding visual refinements to your web application. This process independently optimizes desktop and mobile experiences to achieve a world-class, Stripe-level visual standard.

How do I implement modern web design patterns like glassmorphism and bento grids?

You can implement modern web design patterns like glassmorphism and bento grids through an iterative refinement workflow. This approach systematically applies these modern aesthetics to elevate your application's visual quality and user experience.

What is the best way to optimize web application interfaces for both desktop and mobile?

The best way to optimize web application interfaces for both desktop and mobile is modality optimization. An iterative UI/UX polishing workflow independently enhances each modality, ensuring a premium user experience across all devices.

How do I ensure my web design meets WCAG accessibility standards?

To ensure your web design meets WCAG accessibility standards, apply an accessibility auditing workflow. This process checks your web application for inclusive design principles and compliance, refining interactive elements during visual polish.

Can I use an iterative UI refinement approach to fix a dated e-commerce site?

Yes, you can use an iterative UI refinement approach to fix a dated e-commerce site. By applying small, compounding visual improvements over multiple passes, you refine spacing, typography, and interactive elements to make the site feel modern and premium.

What are the limitations of applying visual refinement to a functional web application?

The limitations of applying visual refinement to a functional web application involve the iterative nature of the process. Achieving world-class UI/UX polish requires multiple passes of compounding improvements, meaning the transformation is not instantaneous and requires sustained refinement.