UI Polish Skill

Polish any interface with real design rules, live before-and-after previews and a checklist scorer.

UI Polish Skill — Turn rough interfaces into polished products with live before-and-after previews and 19-rule checklist

How to use UI Polish Skill

Pick a sample layout: pricing card, hero header or dashboard stat.
Toggle the Polish switch to compare the same layout before and after the rules.
Turn individual rules on or off to see exactly what each one changes in the preview.
Open the Checklist scorer, pick Quick or Full mode, and tick every rule your design passes.
Read your score and verdict, then download the review report or copy the CSS snippet.
Use the Radius calculator to get the correct outer radius from any inner radius and padding.

Live before-and-after previews of three sample layouts with eleven toggleable polish rules
All 19 real rules from the make-interfaces-feel-better skill across typography, surfaces, animations, icons and performance
Checklist scorer with Quick and Full review modes, percentage score and Approve, Needs changes or Block verdicts
Concentric radius calculator: outer radius equals inner radius plus padding, with a separate-surface warning over 24px
Copyable CSS snippet generated from the rules you have enabled, including the exact 0.96 press scale and 44px hit area
Downloadable plain-text review report listing every rule as PASS or FAIL with severity
Searchable rule library with the exact fix for each principle, from tabular numbers to motion restraint

Yes, unlimited.