Make Interfaces Feel Better
When to use: Use when building UI components, reviewing frontend code, or when a UI feels off, flat, generic, cramped, jumpy, or unfinished. Supports quick and full review modes.
npx skills add jakubkrehel/make-interfaces-feel-bettergit clone https://github.com/jakubkrehel/make-interfaces-feel-better.gitDescription
A design-engineering skill for interface polish. It encodes the small details that make interfaces feel great: concentric border radius (outer = inner + padding), optical over geometric alignment, layered transparent shadows for elevation, interruptible CSS transitions, split and staggered entrance animations, subtle exits, contextual icon animations, font smoothing, tabular numbers, and generous hit areas.
Before suggesting or writing a fix, identify the project's existing styling system and express the change in that system — Tailwind in a Tailwind project, plain CSS in a CSS project, or the established CSS-in-JS approach. Never introduce a second styling system just to apply a polish fix.
When reviewing, slow the interface down: replay motion at 10% speed in the browser's Animations panel and walk every state — hover, focus, active, loading, empty. What feels off at 10% speed is what's subtly wrong at full speed.
AI Hub
Need a model endpoint?
AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.
Open AI Hub