polish

Correct alignment, spacing, and typographic details across UI components.

1.0k|140|Updated Sep 18, 2022
One-click install
npx skills add https://github.com/childrentime/reactuse --skill polish-childrentime
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/childrentime/reactuse/tree/main/packages/website-astro/.agents/skills/polish
Command: npx skills add https://github.com/childrentime/reactuse --skill polish-childrentime

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great.

Core Features & Use Cases

  • Correct visual alignment and spacing across UI components.
  • Ensure typography consistency, color contrast, and copy accuracy.
  • Validate interaction states and accessibility before release.

Quick Start

Run a final polish pass on the target feature to fix visual, spacing, and copy details.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I do a final UI polish pass to fix alignment and spacing before shipping?

To do a final UI polish pass, run a comprehensive review on the target feature to correct visual alignment, spacing, typography, and copy details. This workflow validates interaction states and accessibility to ensure consistency before shipping.

What is included in a UI polish workflow for visual alignment and typography?

A UI polish workflow includes correcting visual alignment and spacing across components, ensuring typography consistency, and validating color contrast. It also checks copy accuracy, interaction states, and accessibility considerations for a comprehensive final review.

When do I need to run a UI polish check for accessibility and interaction states?

You need to run a UI polish check for accessibility and interaction states during the final quality pass before shipping. This ensures all typographic details, color contrast, and visual alignment meet consistency standards before release.

Can I use this UI polish pass to fix color contrast and copy accuracy across layouts?

Yes, you can use this UI polish pass to fix color contrast and copy accuracy across layouts. It applies to final reviews across components and layouts to ensure visual alignment, spacing, and typography consistency before shipping.

What's the best way to ensure typography consistency and visual alignment across UI components?

The best way to ensure typography consistency and visual alignment is to run a comprehensive polish workflow. This final review corrects spacing, validates interaction states, and addresses accessibility considerations across all UI components.

Does the UI polish workflow validate interaction states and accessibility considerations together?

Yes, the UI polish workflow validates interaction states and accessibility considerations together. It combines visual alignment, typographic details, and color contrast checks into one comprehensive final review pass before shipping.