---
slug: "make-interfaces-feel-better"
source_type: "readme"
source_url: "https://cdn.jsdelivr.net/gh/jakubkrehel/make-interfaces-feel-better@main/README.md"
repo: "https://github.com/jakubkrehel/make-interfaces-feel-better"
source_file: "README.md"
branch: "main"
---
<a href="https://interfaces.dev/">
  <img width="320" height="168" alt="interfaces.dev" src="https://ho1jr3x2dcwdu3t5.public.blob.vercel-storage.com/interfaces-og-image.png" />
</a>

[![skills.sh](https://skills.sh/b/jakubkrehel/make-interfaces-feel-better)](https://skills.sh/jakubkrehel/make-interfaces-feel-better)

An agent skill focused on the small details that make interfaces feel better.

The skill helps with a lot of aspects of UI such as animations, typography, hover states, optical alignment, concentric border radius, using shadows and much more.

After the skill runs you'll get a comprehensive summary of the changes made and you can ask any follow up questions and the agent will help answer them.

## Install

For Claude Code:

```bash
npx skills add jakubkrehel/make-interfaces-feel-better
```

For Codex or other skill-aware agents, copy the complete skill directory:

```
skills/make-interfaces-feel-better/
```

Keep the directory intact. `SKILL.md` links to `typography.md`, `surfaces.md`, `animations.md`, and `performance.md` with relative paths, so copying only `SKILL.md` drops the detailed guidance.

## License

MIT. See [LICENSE](https://github.com/jakubkrehel/make-interfaces-feel-better/tree/HEAD/LICENSE).