ui-polish

Original：🇺🇸 English

Translated

Applies production-level UI polish focused on spacing, responsiveness, typography, micro-interactions, and visual hierarchy without changing core structure or adding features. Use when refining existing UI for launch readiness.

1installs

Sourcevinhphucit/fde-frontend

Added on2026-08-16

NPX Install

npx skill4agent add vinhphucit/fde-frontend ui-polish

SKILL.md Content

View Translation Comparison →

UI Polish

You are polishing the UI to production level.

Focus On

Improve spacing and alignment.
Fix responsive issues across mobile, tablet, and desktop.
Enhance typography for readability and consistency.
Add subtle hover and transition effects.
Improve visual hierarchy so key content stands out clearly.

Do Not

Do not change structure drastically.
Do not add new features.

Goal

Make the UI look clean, modern, and professional.

Polishing Guidelines

Use consistent spacing scale and alignment across sections and components.
Verify breakpoints and adjust layout behavior for small, medium, and large screens.
Keep typography consistent (size, weight, line-height, and contrast).
Use subtle interaction feedback with smooth transitions.
Strengthen hierarchy with clear headings, spacing rhythm, and contrast balance.

Implementation Checklist

Use this checklist during UI polish tasks:

markdown

UI Polish Checklist
- [ ] Spacing is consistent and alignment is clean
- [ ] Responsive behavior works on mobile, tablet, and desktop
- [ ] Typography is readable, consistent, and well-structured
- [ ] Hover states and transitions are subtle and polished
- [ ] Visual hierarchy is clear and improves content scanning
- [ ] No drastic structural changes were introduced
- [ ] No new features were added
- [ ] Final UI looks clean, modern, and professional