技巧精选

Emil Kowalski 发布 /gestures skill 教 AI 写出更自然的动画手势

这个 /gestrues 的 skills 可以看看,专门教 AI 怎么做出更丝滑的 gestures,更有物理感 https://t.co/ALfah0mWQH 原帖中有各种示例,比如第一个底部s...

精选理由

Vaul 作者 Emil 出了个 /gestures skill,让 AI 写的拖拽、回弹动画带真实物理感,做前端交互的可以装上试试。

开发者 Emil Kowalski 发布了名为 /gestures 的 skill,用于指导 AI 生成更符合物理感的手势交互。skill 覆盖 rubber banding(橡皮筋回弹)、拖拽时的 velocity 支持等,能让底部 sheet 在松手后带惯性滑动关闭。这些经验来自他开发 Sonner 和 Vaul 两个开源组件的积累。

图片来源 · Viking
原文 · Viking

这个 /gestrues 的 skills 可以看看,专门教 AI 怎么做出更丝滑的 gestures,更有物理感 https://t.co/ALfah0mWQH 原帖中有各种示例,比如第一个底部s...

这个 /gestrues 的 skills 可以看看,专门教 AI 怎么做出更丝滑的 gestures,更有物理感 github.com/emilkowalski/s… 原帖中有各种示例,比如第一个底部sheet 的滑动关闭会更自然 松手以后会有惯性 这个 skill 里面包含了大多数手势类型的指导,要写出更精细的动画效果可以试试看。 同样 emil 的一系列交互的 skills 和 matt 的技术 skills 应该是地球上安装的最多的两种了吧,值得好好研究下。 Emil Kowalski @emilkowalski New skill: /gestures Helps you build beautiful, intuitive gestures for your app. Adds rubber banding, velocity support for dragging, drags that carry momentum, everything I learned from building Sonner and Vaul, and more. I’ve been using it a lot recently, you’ll love it. Your browser does not support the video tag. 🔗 View on Twitter 🔗 View Quoted Tweet 💬 0 🔄 2 ❤️ 2 👀 487 📊 2 ⚡