An Agent Skill based on the article Details that make interfaces feel better.

This skill teaches AI coding assistants (Claude Code, Codex, etc.) the small design engineering details that compound into a great interface.

• Text wrapping (text-wrap: balance / pretty)
• Concentric border radius for nested elements
• Contextual icon animations with opacity, scale, and blur
• Font smoothing on macOS
• Tabular numbers for dynamic values
• Interruptible animations (CSS transitions vs keyframes)
• Enter animations with split and stagger
• Subtle exit animations
• Optical vs geometric alignment
• Shadows instead of borders
• Image outlines for depth

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

Once installed, Claude will automatically apply these principles when building UI components, reviewing frontend code, or implementing animations.

You can also invoke it manually:

/make-interfaces-feel-better

MIT