Skill · #281 trending skills repo · ↗ +48 stars this week

Make Interfaces Feel Better

jakubkrehel/make-interfaces-feel-better

An agent skill that helps make your interface feel better.

Frontend & UI

Install ↓GitHub ↗Website ↗

Stars: 3.9k
This week: +48
Forks: 167
Open issues: 0
Skills inside: 1

Star trend · last 15 days+147 ★

Get started

Install the skills

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

Installs into Claude Code, Codex, Cursor, OpenCode and the other agents it finds on your machine.

git clone --depth 1 https://github.com/jakubkrehel/make-interfaces-feel-better.git /tmp/make-interfaces-feel-better
cp -r /tmp/make-interfaces-feel-better ~/.claude/skills/make-interfaces-feel-better

Claude Code reads ~/.claude/skills/ (or .claude/skills/ in a project). Other agents read the same SKILL.md format from their own skills folder.

Inside this repo

1 skill

make-interfaces-feel-better- Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, icons, micro-interactions, enter/exit animations, or any visual detail work. Supports quick and full revskills/make-interfaces-feel-better

Documentation

README

View on GitHub ↗

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

The skill covers animations, typography, icons, hover states, optical alignment, concentric border radius, shadows, hit areas and more.

Install

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