jakubkrehel/make-interfaces-feel-better

Registry

Summary

A Claude Skill that applies UI/UX micro-interaction principles from the 'Details that make interfaces feel better' article to improve interface design quality.

Key features

• Based on proven UI/UX micro-interaction principles
• Focuses on subtle details that enhance user experience
• Provides actionable design improvement suggestions
• Lightweight and easy to integrate into workflows

Use cases

• Reviewing and refining user interface designs
• Adding micro-interactions to web or mobile apps
• Teaching UI/UX best practices to design teams
• Improving existing product interfaces with subtle enhancements

README excerpt

# Make Interfaces Feel Better An [Agent Skill](https://docs.anthropic.com/en/docs/claude-code/skills) based on the article [Details that make interfaces feel better](https://jakub.kr/writing/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. ## What it covers - 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 ## Installation ```bash npx skills add jakubkrehel/make-interfaces-feel-better ``` ## Usage 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 ``` ## License MIT

Topics

No topics yet.