What the tech

Search

Browse topics

/ opens search from anywhere. Esc closes it.

Tools
What the tech
Get the newsletter

better-ui: a Claude Code skill by Jakub Krehel

For designers and front-end developers who want exact values for radius, shadows, icons and motion. Skip it if your interface still has broken interactions to fix first.

Copy install command View the source
Score
68of 100
Rank
#192of 239
Installs
46.7Kon skills.sh
Security
Clear 3 scanners
Updated
2026
Context
~34tokens always

Install

npx skills add https://github.com/jakubkrehel/skills --skill better-ui

Run it in your terminal. View the source

Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app

What does better-ui do?

better-ui is a skill that reviews and polishes interface details with fixed values rather than ranges. Rules include outer radius equal to inner radius plus padding, layered shadows instead of depth borders, 1px image outlines in pure black or white at 10 percent, buttons that scale to 0.96 over 150ms on press, transitions instead of keyframes for state, and 100ms staggers for rare entrances. Icon swaps cross-fade with set scale, blur and spring values, and icon strokes track text weight. A detection table lists code patterns to search for, such as transition-all or active:scale-95. Findings come back in a severity table that ends with Block or Approve.

When should you use better-ui?

Use it when

  • Buttons, cards or icons feel slightly off
  • You want a UI polish review with file and line fixes
  • Your animations ignore reduced-motion settings

Skip it when

  • Core interactions are still broken
  • Your design system bans the values it sets

What it needs and what it can touch

What it can do

  • Reads project files to find UI polish issues

From reading its instructions, not from running it.

Why it scores 68

Strongest on upkeep (94 of 100), weakest on adoption (53).

  • Adoption35 points 53
  • Upkeep20 points 94
  • Trust20 points 65
  • Quality15 points 70
  • Reader answers10 points Not enough answers yet, so this does not count

How the formula works

Is better-ui safe to install?

Every scanner that checked it passed it. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.

ScannerResultDate
Gen Agent Trust HubPassedOct 24, 2026
SocketPassedOct 24, 2026
SnykLow riskOct 24, 2026

Details

Installs
46,656
Repository stars
11,991
Last repository change
Tokens always loaded
about 34
Tokens when used
about 2,739
License
MIT
Data confidence
High

Alternatives to better-ui

All skills for this job

  • emil-design-eng

    For designers and front-end developers who want tuned motion and small touches of polish in web UI.

    Score 80 437K installs

    Get emil-design-eng

  • baseline-ui

    For developers using Tailwind and React who want AI-built screens tidied to a strict house style.

    Score 69 26.3K installs

    Get baseline-ui

  • impeccable

    For designers and developers who want named commands such as polish, critique and quieter for interface work.

    Score 81 4K installs

    Get impeccable

  • apple-design

    For web designers and developers who want gestures, springs and sheets that feel like Apple's interfaces.

    Score 83 29K installs

    Get apple-design