skills.rest
shirulot
shirulotCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-polish

Iteratively refine web application UI/UX for desktop and mobile accessibility.

Updated Jul 6, 2026
Search Tags:#ui#accessibility#responsive#tailwind#ux#design-system#polish
One-click install
npx skills add https://github.com/shirulot/codex-skill --skill ui-ux-polish-shirulot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-polish
Source: https://github.com/shirulot/codex-skill/tree/main/ui-ux-polish
Command: npx skills add https://github.com/shirulot/codex-skill --skill ui-ux-polish-shirulot

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the gap between a functional web application and a polished, professional-grade product by providing a structured, iterative workflow for visual and interaction refinement.

Core Features & Use Cases

  • Iterative Polish: A proven prompt-based protocol to compound visual improvements over multiple cycles.
  • Modality Optimization: Specific strategies for treating desktop and mobile interfaces as distinct, high-performance experiences.
  • Design Pattern Implementation: Guidance on applying modern aesthetics like glassmorphism, neumorphism, and bento grids while maintaining accessibility.
  • Use Case: Use this when your application is functionally complete but feels unrefined, lacks visual hierarchy, or needs to meet WCAG 2.2 accessibility standards.

Quick Start

Apply the ui-ux-polish skill to the current project to begin an iterative refinement cycle focusing on desktop and mobile responsiveness.

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 my web app's UI/UX to look professional after it is functionally complete?▼

Polish your web application's UI/UX through an iterative refinement workflow that systematically enhances visual appeal and interaction quality. It applies structured cycles to bridge the gap between functional code and a professional-grade product.

What is the best way to ensure responsive design works well on both desktop and mobile interfaces?▼

Ensure responsive design by treating desktop and mobile modalities as distinct, high-performance experiences. This approach targets each interface separately to guarantee high-fidelity interactions and professional-grade responsive design across devices.

How do I apply modern design patterns like glassmorphism while maintaining WCAG accessibility?▼

Apply modern design patterns like glassmorphism, neumorphism, and bento grids while maintaining accessibility through systematic refinement cycles. This ensures visual aesthetics do not compromise WCAG 2.2 compliance or interaction quality.

Does this iterative UI refinement workflow require any specific design system dependencies?▼

This iterative UI refinement workflow operates without external dependencies, requiring no specific design system libraries. It uses reference components to guide the systematic polishing process directly within your current project environment.

When should I use an iterative refinement cycle for my web application?▼

Use an iterative refinement cycle when your web application is functionally complete but feels unrefined or lacks visual hierarchy. It systematically closes the gap between basic functionality and polished, professional-grade user experiences.

Related Skills

Explore More Design & Creative Skills→
lildibbblildibbb

shadcn-ui

Build React UI components with shadcn/ui, Radix UI, and Tailwind CSS.

Community
Intermediate
apexradiusapexradius

a11y-check

Audit web content accessibility against WCAG 2.2 AA standards.

Official
Advanced
Thanh-aperoThanh-apero
1

ui-styling

Build accessible user interfaces with shadcn/ui components and Tailwind CSS styling.

Community
Advanced
oakossoakoss
14

ui-ux-polish

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

Official
Advanced