make-interfaces-feel-better
Reviews typography, surface, icon and interaction details.
- Status
- Observed
- Last reviewed
- 2026-10-10
ID: make-interfaces-feel-better.
What it does
Checks five areas: typography, surfaces, animations, icons and performance. Compares nested corners, optical alignment, shadows, changing numbers and control feedback with the skill principles. Uses the project’s established style and tests relevant states. A quick review covers the main path with a few findings; full covers the assigned scope more extensively.
When to use it
Use it when a UI works but some details make it feel inconsistent or awkward. It is a design engineering review of details; it does not redefine product goals, flows or identity.
How to use it
Ask for it by name, or invoke it with /make-interfaces-feel-better in Claude Code or $make-interfaces-feel-better in Codex. Name components and states to examine and choose quick or full. Request a before/after comparison with severity, location and consequence. For motion, also test slowed playback and consider only observed defects.
What it delivers
- Coverage of the five areas
- Findings and concrete replacements
- Rejected candidates, checks and outcome
Example
Run a quick review of the toolbar: check icon and text alignment, feedback, target sizes and changing numbers.
Executable instructions
The skill is installed from the source maintained by jakubkrehel; its license applies.
In the workflow
Use the router to choose this capability based on the required outcome.