Ep 548 GitHub 1:19 w/ Justy

Make Interfaces Feel Better

A Claude Code skill that teaches AI assistants micro-level interface polish—text balancing, border radius layering, interruptible animations, optical alignment, and a dozen other details that feel invisible when done right but break immediately when skipped.

Embed this episode

Paste this on any site — the player is a self-contained iframe with no cookies or trackers.

<iframe src="https://sandrise.io/exploring-next/embed/548"
  width="100%" height="180" style="max-width:640px;border:0;border-radius:12px;overflow:hidden"
  title="Exploring Next — Episode 548 audio player"
  loading="lazy" allow="autoplay" referrerpolicy="strict-origin-when-cross-origin"></iframe>
Embed & API docs →
Script Haiku 4 Voice Rime Arcana

Transcript

Justy There's a GitHub skill that teaches Claude how to make interfaces feel better instead of just look correct.

Justy It's not a design system. It's a list of micro-patterns—text wrapping strategies, border radius layering, animation interruption, optical alignment, shadows instead of borders.

Justy Most AI-generated UI is technically sound but feels stiff. One uninterruptible animation, one harsh shadow, one unbalanced line wrap, and the whole thing reads as cheap.

Justy The skill teaches Claude Code to apply these details automatically when building components or reviewing frontend code. Install it, invoke `/make-interfaces-feel-better`, and the AI starts thinking like an interface engineer, not just a code generator.

Justy The core insight: polish compounds. Each detail alone is invisible. Skipped all at once, they're unmissable.

Justy If you're using Claude for UI work, grab it. `npx skills add jakubkrehel/make-interfaces-feel-better`. Saves a whole round of 'can you make this feel less stiff' prompts.

Justy It's MIT licensed, so you can fork it and add your own micro-patterns too.