skills.rest
puripong1st
puripong1stCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

polish

Perform a comprehensive polish pass fixing alignment, spacing, typography, and interaction details.

1|1|Updated Mar 9, 2026
Search Tags:#ui#accessibility#ux#design-system#polish#visual-design
One-click install
npx skills add https://github.com/puripong1st/web-fahsiam --skill polish-puripong1st
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: polish
Source: https://github.com/puripong1st/web-fahsiam/tree/main/.agent/skills/polish
Command: npx skills add https://github.com/puripong1st/web-fahsiam --skill polish-puripong1st

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

  • Systematic checks across visual alignment, spacing, typography, color contrast, and interaction states
  • Guardrails for edge cases, accessibility, and responsive behavior to ensure consistent experiences
  • Use Case: Provide a robust end-to-end polish process aligned with the Context Gathering Protocol before release

Quick Start

Perform a final polish pass on the project following the polish checklist and the Context Gathering Protocol.

Frequently Asked Questions about polish

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

FAQPage Schema
How do I perform a final UI polish pass before shipping?▼

A final UI polish pass systematically fixes alignment, spacing, typography, color contrast, and interaction details across components and layouts to deliver pixel-perfect consistency before release.

What is a design polish checklist for visual consistency?▼

A design polish checklist for visual consistency provides structured criteria to review alignment, spacing, typography, color contrast, and interaction states, ensuring no functional changes while enforcing a robust review workflow.

How do I ensure responsive states and accessibility during a UI polish pass?▼

To ensure responsive states and accessibility during a UI polish pass, apply systematic checks with guardrails for edge cases and responsive behavior, verifying color contrast and interaction details across all UI components.

Can I use a polish pass to fix design tokens and layout alignment at scale?▼

Yes, a polish pass applies across UI components, layouts, and design tokens to deliver pixel-perfect consistency at scale, systematically fixing alignment and spacing without altering functionality.

What's the best way to review interaction details and spacing without changing functionality?▼

The best way to review interaction details and spacing without functional changes is to follow a structured polish checklist with clear criteria, ensuring a robust review workflow that separates visual fixes from logic.

Why does my UI design look inconsistent across different components and layouts?▼

Your UI design looks inconsistent when alignment, spacing, typography, and design tokens lack systematic review; a comprehensive polish pass enforces pixel-perfect consistency and resolves these detail issues at scale.

Related Skills

Explore More Design & Creative Skills→
ChiejiChieji

polish

Fix alignment, spacing, and micro-details in UI designs before shipping.

Community
Advanced
zm2231zm2231

handoff-manager

Generate design handoff specifications with component specs, design tokens, and accessibility notes.

Community
Advanced
rknallrknall
58

UI/UX Design Review

Evaluate UI/UX designs for WCAG 2.1/2.2 accessibility and usability issues.

Community
Advanced
JansenAnalyticsJansenAnalytics
5

frontend-inspector

Analyze frontend screenshots to detect visual defects and generate structured reports.

Community
Intermediate