·interaction-physics
</>

interaction-physics

sanky369/vibe-building-skills

掌握微交互、动画、过渡和反馈系统。创建有意的、令人愉快的交互,引导用户并提供清晰的反馈。包括动画原理、计时、缓动、状态转换以及性能和可访问性的最佳实践。

22安装·1热度·@sanky369

安装

$npx skills add https://github.com/sanky369/vibe-building-skills --skill interaction-physics

SKILL.md

Interactions are the moments when your interface comes alive. They're the transitions between states, the feedback when users take action, the animations that guide attention. When done well, interactions are invisible—they feel natural and right. When done poorly, they distract or confuse.

This skill teaches you to think about interactions systematically: understanding animation principles, designing intentional microinteractions, providing clear feedback, and ensuring performance and accessibility.

A microinteraction is a small, contained interaction that accomplishes a specific task. Examples: button hover state, form validation feedback, loading spinner, success notification, menu open/close.

掌握微交互、动画、过渡和反馈系统。创建有意的、令人愉快的交互,引导用户并提供清晰的反馈。包括动画原理、计时、缓动、状态转换以及性能和可访问性的最佳实践。 来源:sanky369/vibe-building-skills。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/sanky369/vibe-building-skills --skill interaction-physics
分类
</>开发工具
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 interaction-physics?

掌握微交互、动画、过渡和反馈系统。创建有意的、令人愉快的交互,引导用户并提供清晰的反馈。包括动画原理、计时、缓动、状态转换以及性能和可访问性的最佳实践。 来源:sanky369/vibe-building-skills。

如何安装 interaction-physics?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/sanky369/vibe-building-skills --skill interaction-physics 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/sanky369/vibe-building-skills