make-interfaces-feel-better Claude skill

One UI-polish skill: concentric radii, optical alignment, layered shadows, interruptible animations, icons and typography.

Our verdict Recommended

A compact, opinionated and specific reference with a sensible rule about matching the project's styling system; it does not replace a design direction.

What make-interfaces-feel-better does

This is one skill that carries a checklist of small visual and motion details, written for an agent that is building or reviewing front-end code. The main SKILL.md lays out core principles and links to five topic files: typography (text wrapping, font smoothing, tabular numbers), surfaces (border radius, optical alignment, shadows, image outlines, hit areas), animations (interruptible animations, enter and exit transitions, scale on press, motion restraint), icons (stroke weight, states through currentColor, outline versus fill, sizing, RTL flipping) and performance (transition specificity, will-change).

Examples of the rules: outer radius should equal inner radius plus padding on nested elements; use geometric centering only when it looks right, otherwise align optically; prefer layered transparent box-shadow over a border when the border exists only for depth. It supports a quick and a full review mode, and asks the agent to identify the project's existing styling system first and express fixes in it, so a Tailwind project gets Tailwind and a plain CSS project gets CSS. For reviews it suggests replaying motion at 10 percent speed and walking hover, focus, active, loading and empty states. The pack is about 12 files of markdown with no scripts, tests or evals.

Good for

  • Polish passes on React or CSS front ends
  • Reviewing animations, shadows and icon details in a pull request
  • Developers without a dedicated designer

Not for

  • Choosing a visual style or building a design system from scratch
  • Back-end or non-UI work

What's inside depth 3/5

One 12 KB SKILL.md plus 5 topic reference files, no scripts, tests or templates.

Skills
1
Reference docs
5
Scripts
0
Tests / evals
0
Templates
0
Avg SKILL.md
11.5 KB

Counted from the repository file tree. How we score depth.

Security review

No issues found

We scanned all 12 files in this repository and read every script. Nothing in it reaches beyond what the skill describes.

A documentation-only skill of UI polish guidance (typography, surfaces, animation, icons, performance) with a quick and a full review mode. SKILL.md has no allowed-tools pre-approvals and the repository contains no scripts, hooks or network calls. The README suggests installing it with npx skills add, which is the installer's code and not part of this repository.

What we checked

The repository (12 files) on Oct 29, 2026. We had every file and read every script.

NVIDIA SkillSpector static scan: 4 pattern hits (MCP Rug Pull 3, Agent Snooping 1). Both SkillSpector hit categories are documentation: the README/AGENTS.md install line npx skills add ... and the README naming the SKILL.md path. No scripts exist in the repository.

A review, not a certification. Skills change after we check them — read the files before installing.

License

MIT — commercial use allowed.

Can it run unattended?

Not really. It is a set of review heuristics for interactive UI work, with no loop, state or verification step.

Alternatives to make-interfaces-feel-better

Impeccable

pbakaus/impeccable

A design skill with 24 commands (polish, bolder, critique, audit, harden and more), a 62-rule deterministic slop detector and an optional edit hook.

With caveats Broad access Depth 4/5

Emil Kowalski's Skills

emilkowalski/skills

Sixteen design-engineering skills on animation, Apple-style motion, mobile feel, UI libraries and Swift, written by the author of Sonner.

Recommended Check first Depth 3/5

UI Skills

ibelick/ui-skills

Nine skills for design engineers: a UI baseline checklist, accessibility/metadata/motion fixers, a design.md generator, and canvas builders for components.

Recommended Broad access Depth 2/5

transitions.dev

Jakubantalik/transitions.dev

43+ copy-ready CSS transitions with five skills: apply recipes, polish motion, generate a wireframe-reveal UI, scan a codebase, and a live Refine panel.

With caveats Check first Depth 3/5

FAQ

What is make-interfaces-feel-better?

It is an agent skill by Jakub Krehel that bundles UI polish guidance: border radius, optical alignment, shadows, animation, typography and icon details. It applies when you build or review front-end code.

How do I install make-interfaces-feel-better?

Run npx skills add jakubkrehel/make-interfaces-feel-better. The skill then loads when you ask for UI polish, hover states, animations or similar work.

Is it safe to install?

The repository is markdown and config files only, with no scripts or network calls that we found.

make-interfaces-feel-better vs Impeccable?

This skill is a focused list of detail rules, while pbakaus/impeccable is a broader design vocabulary with commands such as polish, critique and audit. Use this one for a small, specific checklist and Impeccable for a fuller design workflow.

Sources: GitHub repository (stars, license, file tree, last push Aug 29, 2026); install counts from skills.sh via Best Skills (CC BY 4.0). Review based on the README and SKILL.md files as published.