- > stress test this table with the worst data you can think of → /break-ui
- > remove the fade-in on every section of the landing page → /remove-animations
- > the tooltips on our toolbar feel sluggish, can you fix them? → /emil-design-eng
- > we animate way too much, tone it down → /remove-animations
- > what should and shouldn’t animate in our dashboard → /find-animation-opportunities
- > review this popover and tell me what you’d change → /emil-design-eng
- > the sheet feels dead when I let go of it → /apple-design
- > the thing where the button shrinks a bit when you click it → /animation-vocabulary
- > where would animation actually help in this app → /find-animation-opportunities
- > when I delete a card from this list the others jump into place. Fix it → /choreograph
- > add a nice transition when you open a post → /animate-expo
- > add drag to this notification so I can swipe it away → /gestures
- > our bottom bar sits under the home indicator → /mobile-native
- > what spring should I use for this drawer → /apple-design
- > my toasts show up twice in development → /ask-sonner
- > why does the drawer drag get laggy with a long list → /animation-performance
- > survey this app and write plans I can hand off → /improve-animations
- > the app feels slow, find the animations we don’t need → /remove-animations
- > my Tailwind classes don’t work on the toasts → /ask-sonner
- > make this bottom sheet draggable with swipe to dismiss → /gestures
- > what’s it called when one shape turns into another one? → /animation-vocabulary
- > quick pass on easing across the app → /improve-animations
- > on my iPhone buttons flash gray when I tap them and stay highlighted → /mobile-native
- > add a press state to all our buttons → /animate
- > make this button feel more responsive → /emil-design-eng
- > should I add will-change to these cards → /animation-performance
- > make this card swipeable to dismiss → /animate-expo
- > this sidebar animation is janky on my phone → /animation-performance
- > the drawer jumps when I let go halfway → /gestures
- > try to break the member row in the team settings → /break-ui
- > can you animate this dialog? It’s currently static → /animate
- > show a loading toast while the file uploads, then a success one → /ask-sonner
- > the page zooms in when I focus the email input → /mobile-native
- > I built this settings page, can you help me test it? → /break-ui
- > animate this dropdown so it opens from the button → /animate
- > make this picture-in-picture video snap to the corners like on iOS → /apple-design
- > the collapsing header stutters on Android → /animate-expo
- > what’s it called when a popover kind of grows out of the button? → /animation-vocabulary
- > stress test this table with the worst data you can think of → /break-ui
- > remove the fade-in on every section of the landing page → /remove-animations
- > the tooltips on our toolbar feel sluggish, can you fix them? → /emil-design-eng
- > we animate way too much, tone it down → /remove-animations
- > what should and shouldn’t animate in our dashboard → /find-animation-opportunities
- > review this popover and tell me what you’d change → /emil-design-eng
- > the sheet feels dead when I let go of it → /apple-design
- > the thing where the button shrinks a bit when you click it → /animation-vocabulary
- > where would animation actually help in this app → /find-animation-opportunities
- > when I delete a card from this list the others jump into place. Fix it → /choreograph
- > add a nice transition when you open a post → /animate-expo
- > add drag to this notification so I can swipe it away → /gestures
- > our bottom bar sits under the home indicator → /mobile-native
- > what spring should I use for this drawer → /apple-design
- > my toasts show up twice in development → /ask-sonner
- > why does the drawer drag get laggy with a long list → /animation-performance
- > survey this app and write plans I can hand off → /improve-animations
- > the app feels slow, find the animations we don’t need → /remove-animations
- > my Tailwind classes don’t work on the toasts → /ask-sonner
- > make this bottom sheet draggable with swipe to dismiss → /gestures
- > what’s it called when one shape turns into another one? → /animation-vocabulary
- > quick pass on easing across the app → /improve-animations
- > on my iPhone buttons flash gray when I tap them and stay highlighted → /mobile-native
- > add a press state to all our buttons → /animate
- > make this button feel more responsive → /emil-design-eng
- > should I add will-change to these cards → /animation-performance
- > make this card swipeable to dismiss → /animate-expo
- > this sidebar animation is janky on my phone → /animation-performance
- > the drawer jumps when I let go halfway → /gestures
- > try to break the member row in the team settings → /break-ui
- > can you animate this dialog? It’s currently static → /animate
- > show a loading toast while the file uploads, then a success one → /ask-sonner
- > the page zooms in when I focus the email input → /mobile-native
- > I built this settings page, can you help me test it? → /break-ui
- > animate this dropdown so it opens from the button → /animate
- > make this picture-in-picture video snap to the corners like on iOS → /apple-design
- > the collapsing header stutters on Android → /animate-expo
- > what’s it called when a popover kind of grows out of the button? → /animation-vocabulary
Last updated November 12, 2026
AI Skills for Building Better Interfaces
Crafted for people who want to build beautiful things.
- > stress test this table with the worst data you can think of → /break-ui
- > remove the fade-in on every section of the landing page → /remove-animations
- > the tooltips on our toolbar feel sluggish, can you fix them? → /emil-design-eng
- > we animate way too much, tone it down → /remove-animations
- > what should and shouldn’t animate in our dashboard → /find-animation-opportunities
- > review this popover and tell me what you’d change → /emil-design-eng
- > the sheet feels dead when I let go of it → /apple-design
- > the thing where the button shrinks a bit when you click it → /animation-vocabulary
- > where would animation actually help in this app → /find-animation-opportunities
- > when I delete a card from this list the others jump into place. Fix it → /choreograph
- > add a nice transition when you open a post → /animate-expo
- > add drag to this notification so I can swipe it away → /gestures
- > our bottom bar sits under the home indicator → /mobile-native
- > what spring should I use for this drawer → /apple-design
- > my toasts show up twice in development → /ask-sonner
- > why does the drawer drag get laggy with a long list → /animation-performance
- > survey this app and write plans I can hand off → /improve-animations
- > the app feels slow, find the animations we don’t need → /remove-animations
- > my Tailwind classes don’t work on the toasts → /ask-sonner
- > make this bottom sheet draggable with swipe to dismiss → /gestures
- > what’s it called when one shape turns into another one? → /animation-vocabulary
- > quick pass on easing across the app → /improve-animations
- > on my iPhone buttons flash gray when I tap them and stay highlighted → /mobile-native
- > add a press state to all our buttons → /animate
- > make this button feel more responsive → /emil-design-eng
- > should I add will-change to these cards → /animation-performance
- > make this card swipeable to dismiss → /animate-expo
- > this sidebar animation is janky on my phone → /animation-performance
- > the drawer jumps when I let go halfway → /gestures
- > try to break the member row in the team settings → /break-ui
- > can you animate this dialog? It’s currently static → /animate
- > show a loading toast while the file uploads, then a success one → /ask-sonner
- > the page zooms in when I focus the email input → /mobile-native
- > I built this settings page, can you help me test it? → /break-ui
- > animate this dropdown so it opens from the button → /animate
- > make this picture-in-picture video snap to the corners like on iOS → /apple-design
- > the collapsing header stutters on Android → /animate-expo
- > what’s it called when a popover kind of grows out of the button? → /animation-vocabulary
- > stress test this table with the worst data you can think of → /break-ui
- > remove the fade-in on every section of the landing page → /remove-animations
- > the tooltips on our toolbar feel sluggish, can you fix them? → /emil-design-eng
- > we animate way too much, tone it down → /remove-animations
- > what should and shouldn’t animate in our dashboard → /find-animation-opportunities
- > review this popover and tell me what you’d change → /emil-design-eng
- > the sheet feels dead when I let go of it → /apple-design
- > the thing where the button shrinks a bit when you click it → /animation-vocabulary
- > where would animation actually help in this app → /find-animation-opportunities
- > when I delete a card from this list the others jump into place. Fix it → /choreograph
- > add a nice transition when you open a post → /animate-expo
- > add drag to this notification so I can swipe it away → /gestures
- > our bottom bar sits under the home indicator → /mobile-native
- > what spring should I use for this drawer → /apple-design
- > my toasts show up twice in development → /ask-sonner
- > why does the drawer drag get laggy with a long list → /animation-performance
- > survey this app and write plans I can hand off → /improve-animations
- > the app feels slow, find the animations we don’t need → /remove-animations
- > my Tailwind classes don’t work on the toasts → /ask-sonner
- > make this bottom sheet draggable with swipe to dismiss → /gestures
- > what’s it called when one shape turns into another one? → /animation-vocabulary
- > quick pass on easing across the app → /improve-animations
- > on my iPhone buttons flash gray when I tap them and stay highlighted → /mobile-native
- > add a press state to all our buttons → /animate
- > make this button feel more responsive → /emil-design-eng
- > should I add will-change to these cards → /animation-performance
- > make this card swipeable to dismiss → /animate-expo
- > this sidebar animation is janky on my phone → /animation-performance
- > the drawer jumps when I let go halfway → /gestures
- > try to break the member row in the team settings → /break-ui
- > can you animate this dialog? It’s currently static → /animate
- > show a loading toast while the file uploads, then a success one → /ask-sonner
- > the page zooms in when I focus the email input → /mobile-native
- > I built this settings page, can you help me test it? → /break-ui
- > animate this dropdown so it opens from the button → /animate
- > make this picture-in-picture video snap to the corners like on iOS → /apple-design
- > the collapsing header stutters on Android → /animate-expo
- > what’s it called when a popover kind of grows out of the button? → /animation-vocabulary
Available skills 18
Ordered in the way you’d reach for them in an actual project.
01
Before you build
Learn the right words, pick what to build it with, and compare real options before deciding.
02
Building the interface
The skills that will help you make the right decisions for your interface.
- Design EngineeringThe main skill. Contains my design engineering thinking.
- AnimateBuilds animation for you, with the right ingredients.
- ChoreographCoordinate several elements that move together.
- Apple DesignFluid, physical motion, the way Apple would build it.
- GesturesDrag, swipe, and sheets that feel like they are supposed to.
- Mobile NativeThe small fixes that make a web app feel great on a phone.
03
Refining and reviewing
Go an extra mile, ensure everything is performant, and that the motion feels right.
04
Looking at the whole app
When not building, zoom out. Improve the experience of the whole app.
05
Other skills
Ranging from specific tools and platforms to more general skills.
Join 4619 people in the course behind these skills.
Join the waitlist to get two free lessons from AI for UI and be the first to know when enrollment reopens.
Enrollment reopens on Tuesday, December 8