Better UI skill: what it does and how to install it
Polishes project interfaces with guidance on spacing, surfaces, icons, motion, borders and tactile interaction details.
Summary generated from the skill's documentation.
Install
$ npx skills add jakubkrehel/skills --skill better-uiRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
What it does. Reviews and polishes interface components while preserving the project's library, tokens, density and motion language. It covers concentric radii, optical alignment, shadows, icon states, image outlines, press feedback, transitions, theme changes and animation restraint, then reports findings by severity with locations, fixes and verification status.
When to use it. Use it for UI review and implementation of visual polish and interaction motion. It does not cover typography, accessibility or layout guidance handled by separate skills.
History
Repo stars
7.4k
Tracking since . A chart appears once there are 7 days of data.
Stars are counted for the whole repository, which holds 7 skills.
Installs
30k
Tracking since . A chart appears once there are 7 days of data.
Installs via skills.sh
Similar skills
- Better ColorsBuilds project colour systems with semantic tokens, generated ramps, format conversion, gradient guidance and measured contrast checks.
- Frontend DesignGives the agent a clear aesthetic direction when building interfaces, with guidance on typography and avoiding templated-looking defaults.
- ImpeccableDesigns, critiques, audits and polishes frontend interfaces through a set of commands, from shaping a brief to final refinement.