Skip to content
All skills

/ask-sonner

Ask Sonner

Your guide to Sonner, my toast library. It covers the setup, styling, and fixes for the most common issues.

Updated September 15, 2026

What it does

  • Mounts one <Toaster /> at the root and wires up the theme, position, and rich colors
  • Picks the right call for the job, like toast.promise for anything tied to a request
  • Styles toasts from the lightest touch up to fully headless with toast.custom
  • Fixes the usual problems: toasts that don’t show, show twice, lose their styles, or sit behind a modal

When to use it

When you are using Sonner and want to make the right choices.

What the skill changed

One upload, with two toasts and with one. Without the skill, the loading toast and the success toast are separate calls, so the success toast stacks on top while the spinner keeps spinning. With it, toast.promise turns the same toast from loading into success.

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.