Skip to content
All skills

/gestures

Gestures

Contains all the knowledge you need related to gestures. Whether it’s building a drawer, a sheet, a swipeable card, or a modal, this skill will help you.

Updated November 8, 2026

What it does

  • Tracks the pointer 1:1 with motion values, and rubber-bands past the edges
  • Dismisses on distance or velocity, and carries the momentum on release
  • Derives linked values like the overlay’s opacity from how far the sheet has been dragged

When to use it

When you build anything people drag, swipe, fling, or hold. Also when you have performance issues with gestures.

What the skill changed

The drawer on the left below has a simple dragging mechanism. Drag it until a certain threshold is reached, and the drawer will be dismissed. We can do better than that. This skill implements velocity-based dismissal, if the drag is fast enough, the drawer will be dismissed without waiting for the threshold to be reached.

Example prompts

You don’t need special wording. Describe the problem the way you’d describe it to a teammate. Here are some more to try on your own product.

The course behind these skills

These skills come from what I teach in AI for UI. Join the waitlist to get two lessons and be the first to know when enrollment reopens on December 8.