让界面更精致
使用场景： 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.git描述
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
跑 Skill 需要模型接口？
AI Hub 提供 OpenAI 兼容接口，给 Cursor / Claude Code / Agent 用。
打开 AI Hub