jakubkrehel/make-interfaces-feel-better

Registry 信息

项目简介

一个基于《让界面体验更佳的细节》文章中的UI/UX微交互原则，用于提升界面设计质量的Claude Skill。

要点

• 基于经过验证的UI/UX微交互原则
• 专注于提升用户体验的细微细节
• 提供可操作的设计改进建议
• 轻量级且易于集成到工作流程中

使用场景

• 审查和优化用户界面设计
• 为网页或移动应用添加微交互
• 向设计团队传授UI/UX最佳实践
• 通过细微改进提升现有产品界面

README 摘要

# 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

话题

暂无话题