polish

Fix alignment, spacing, typography, copy, and accessibility issues in frontend interfaces before shipping.

2|Updated Mar 18, 2026
One-click install
npx skills add https://github.com/nattergabriel/oasis-greenhouse --skill polish-nattergabriel
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/nattergabriel/oasis-greenhouse/tree/main/frontend/.agents/skills/polish
Command: npx skills add https://github.com/nattergabriel/oasis-greenhouse --skill polish-nattergabriel

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Polish is the final quality pass for frontend work, addressing alignment, spacing, consistency, and detail to ensure shipped features look and feel polished.

Core Features & Use Cases

  • Visual alignment and spacing corrections across components to match the design system.
  • Typography refinement and copy consistency to improve readability and brand voice.
  • Accessibility and interaction polish, including focus states and responsive behavior for consistent experiences.
  • Use Case: Before release, run polish on a feature to catch micro-issues that would impact perceived quality.

Quick Start

Review design context with the frontend-design skill and execute the polish pass on the target feature.

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 inconsistencies before shipping a frontend feature?

Fix UI alignment and spacing inconsistencies by running a final polish pass that enforces a systematic checklist aligned with design tokens. This corrects visual alignment, spacing, and detail issues across components to ensure release-ready work.

What does a frontend polish pass cover for release-ready components?

A frontend polish pass covers visual alignment, spacing corrections, typography refinement, copy consistency, and accessibility. It enforces focus states, responsive behavior, and usability validation aligned with the design system before shipping.

How do I ensure design system consistency and a11y compliance in final UI components?

Ensure design system consistency and a11y compliance by applying a systematic polish checklist that validates focus states, responsive behavior, and typography against design tokens. This catches micro-issues that impact perceived quality and accessibility.

Can I use a polish pass to fix typography and copy readability issues across components?

Yes, use a polish pass to fix typography and copy readability issues. It refines typography and enforces copy consistency to improve readability and brand voice across frontend interfaces, ensuring visual polish aligns with the design system.

When do I need to run a UI polish pass for frontend interfaces?

Run a UI polish pass before releasing a feature to catch micro-issues affecting perceived quality. It addresses alignment, spacing, consistency, and detail to ensure shipped features look and feel polished across products.

Does the polish pass work with existing design tokens and responsive behavior validation?

Yes, the polish pass works directly with existing design tokens and validates responsive behavior. It enforces a systematic checklist aligned with your design system to ensure consistent visual and interaction quality across components.