Communitygithub.com

jakubkrehel/make-interfaces-feel-better

设计工程原则,用于打造精致用户界面。适用于构建UI组件、审查前端代码、实现动画、悬停状态、阴影、边框、排版、微交互、进入/退出动画或任何视觉细节工作。

make-interfaces-feel-better 是什么?

该技能是一套设计工程原则集合,专门用于提升界面精致感。它适用于构建UI组件、审查前端代码、实现动画、悬停状态、阴影、边框、排版、微交互乃至进入/退出动画等任何视觉细节工作。基于其内置SKILL.md文档,该技能会在涉及UI打磨、设计细节、“让它更好用”、“感觉不对劲”、交错动画、圆角、光学对齐、字体平滑、等宽数字、图像轮廓、盒阴影等场景下自动触发。通过遵循这些经过验证的原则,开发者可以系统性地提升界面的视觉品质和交互流畅度,而非依赖个人审美猜测。该技能支持主流前端开发工作流,集成于AI编码助手(如Claude Code)中,能根据上下文自动响应并提供精确的设计工程建议。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jakubkrehel/make-interfaces-feel-better/tree/main/skills/make-interfaces-feel-better

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

make-interfaces-feel-better 是做什么的?

设计工程原则,用于打造精致用户界面。适用于构建UI组件、审查前端代码、实现动画、悬停状态、阴影、边框、排版、微交互、进入/退出动画或任何视觉细节工作。触发场景:UI打磨、设计细节、“让它更好用”、“感觉不对劲”、交错动画、圆角、光学对齐、字体平滑、等宽数字、图像轮廓、盒阴影。

相关技能