polish

Apply the Context Gathering Protocol to fix UI alignment, spacing, typography, and interaction states.

Updated Oct 30, 2025

Search Tags:#design #ui #consistency #frontend #quality #ux #polish

Ready to run

npx skills add https://github.com/juanelojga/juanelojga-webpage --skill polish-juanelojga

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/juanelojga/juanelojga-webpage/tree/main/.agents/skills/polish
Command: npx skills add https://github.com/juanelojga/juanelojga-webpage --skill polish-juanelojga

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

A meticulous final quality pass that catches alignment, spacing, typography, and interaction gaps before release, ensuring a polished product.

Core Features & Use Cases

Systematic checks for visual alignment, typography, color/contrast, and accessibility.
Covers responsive behavior, interaction states, and motion.
Use Case: After a feature is functionally complete, run polish to identify and fix micro-details that separate good from great.

Quick Start

Follow the Context Gathering Protocol and perform a final polish pass on the current UI to fix visual, typographic, and interaction details before shipping.

Frequently Asked Questions about polish

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

FAQPage Schema

How do I fix UI alignment and spacing issues before shipping a frontend feature?▼

To fix UI alignment and spacing issues before shipping, run a systematic polish pass that checks visual alignment, typography, and interaction states across breakpoints and themes. This final review catches micro-details that separate good designs from great ones.

What is a polish pass in frontend design and when do I need it?▼

A polish pass in frontend design is a meticulous final quality review that addresses visual alignment, spacing, typography, and interaction gaps before release. You need it after a feature is functionally complete to ensure a polished product.

How do I check accessibility and color contrast during a UI polish review?▼

You check accessibility and color contrast during a UI polish review by applying the Context Gathering Protocol to the current design. This process evaluates contrast, responsive behavior, and motion to satisfy accessibility considerations.

Does this UI polish process work with existing design systems and shipped components?▼

Yes, this UI polish process works with existing design systems and shipped components. It applies systematic checks for visual alignment, typography, and interaction states across frontend features and adapts across breakpoints and themes.

What's the best way to define clear criteria for MVP versus flagship UI polish?▼

The best way to define clear criteria for MVP versus flagship UI polish is to apply a structured final review protocol that establishes token usage and context gathering requirements, separating essential alignment fixes from advanced interaction refinements.

Why does my shipped frontend feature look inconsistent across different breakpoints and themes?▼

Your shipped frontend feature looks inconsistent across breakpoints and themes due to unresolved visual alignment, spacing, and typography gaps. Running a final polish pass identifies and fixes these interaction state and responsive behavior discrepancies.