skills.rest
hamzaPixl
hamzaPixlCOMMUNITY
Explore all skills by this author →
Website𝕏@pixlHamzaGitHub

design-polish

Apply surgical UI micro-improvements to typography, spacing, and focus states without changing layout.

2|Updated Mar 16, 2026
Search Tags:#typography#ui#spacing#polish#micro-interactions#design-critique#focus-state
One-click install
npx skills add https://github.com/hamzaPixl/pixl-ai --skill design-polish-hamzapixl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-polish
Source: https://github.com/hamzaPixl/pixl-ai/tree/main/packages/crew/skills/design-polish
Command: npx skills add https://github.com/hamzaPixl/pixl-ai --skill design-polish-hamzapixl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Apply surgical micro-improvements to a UI: tighten type scale, fix spacing rhythm, add micro-interactions, fix focus states, and auto-fix anti-patterns. Never refactors structure — only polish. Use when asked to polish a UI, improve visual craft, fix design details, or auto-fix /design-critique findings.

Core Features & Use Cases

  • Surgical polish pass on existing UI. Fixes the small-but-visible details that separate "fine" from "crafted": type scale rhythm, spacing consistency, focus states, micro-interactions, hover feedback, and banned anti-patterns. Structure stays intact — no layout rewrites, no component reshaping. Use /design-distill first if the UI is overdesigned; use /design-variants if you need a new direction.

Quick Start

Ask the AI to apply surgical polish to an existing UI component set, focusing on typography, spacing, focus states, and micro-interactions without restructuring layout.

Frequently Asked Questions about design-polish

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

FAQPage Schema
How do I fix UI typography and spacing without changing the layout structure?▼

To polish UI typography and spacing without structural changes, apply a surgical pass that tightens type scale rhythm and spacing consistency while preserving the existing layout. This process targets micro-details to improve visual craft without rewriting components.

What is UI polish and how do micro-interactions improve visual craft?▼

UI polish is the process of applying surgical micro-improvements to existing components. Micro-interactions, hover feedback, and focus states enhance visual craft by refining the small interactive details that distinguish a crafted interface from a basic one.

Can I use a design critique to auto-fix UI anti-patterns?▼

Yes, you can use a design critique to auto-fix UI anti-patterns. By providing design critique findings, the system generates a concrete, prioritized todo list of surgical edits that replace banned anti-patterns and fix focus states.

Does UI polish require refactoring existing components?▼

No, UI polish does not require refactoring existing components. The process strictly preserves layout structure and operates only on existing UI components to apply surgical micro-improvements like fixing focus states and spacing rhythm.

When should I not use a surgical polish pass for UI improvements?▼

You should not use a surgical polish pass if your UI is overdesigned and needs structural simplification, or if you need a completely new design direction. Polish only refines existing craft without altering layout or component shape.

What is the best way to tighten type scale and fix spacing rhythm in an existing UI?▼

The best way to tighten type scale and fix spacing rhythm is a surgical polish pass that follows documented references to produce a prioritized todo list of edits. This ensures spacing consistency and typography improvements without layout rewrites.

Related Skills

Explore More Design & Creative Skills→
cosmixcosmix
53

md-tables

Fix alignment and spacing issues in Markdown tables.

Community
Basic
JaivishChauhanJaivishChauhan
6

frontend-ui

Compose React UIs with Tailwind CSS and Framer Motion.

Community
Intermediate
krzemienskikrzemienski
2

design-exploration

Generate 6-12 visual design proposals with DNA variation for UI projects.

Community
Advanced
djkloopdjkloop

redesign-existing-projects

Audit and upgrade existing website and app interfaces with targeted UI improvements.

Community
Intermediate