Ask Sonner

What it does

When your agent uses it

• Working with Sonner
• Troubleshooting it — toasts that dont appear
• Lose their styles
• Ignore Tailwind classes

Example prompts

• “/ask-sonner”

Workflow steps

2 steps, taken from the first numbered list in SKILL.md.

1. 1One , mounted once, as close to the root as possible (in Next.js: layout.tsx` — it works inside server components). Never render it…
2. 2toast() called from client code — event handlers, effects, callbacks. It's a plain function, no hook or provider needed, but it does…

What it can do on your machine

Read from SKILL.md and the folder at commit c7790a4. It shows what the files ask for, not the result of running them.

• Tool permissions

  Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

  From allowed-tools in the SKILL.md frontmatter.

• Runs code

  No scripts in the folder and no shell commands in SKILL.md (its code samples are javascript).

  From the folder's file list and the shell code blocks in SKILL.md.

• Network

  Links to these hosts (documentation or services it may open):

  • sonner.emilkowal.ski

  From URLs in SKILL.md, links to its own repository left out.

• Credentials

  Names no API keys, tokens, secrets or passwords.

  From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Ask Sonner loads about 1.8k tokens when it runs. Until then it costs about 109 tokens; SKILL.md has 879 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it

~109

When it runs · the whole SKILL.md, loaded when a task matches

~1.8k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

• WarningMentions a paste, webhook or tunnelling service often used to send data outSKILL.md:37

  g → success/error tied to a promise | `toast.promise(promise, { loading, success, error })` — success/error accept funct

• WarningMentions a paste, webhook or tunnelling service often used to send data outSKILL.md:44

  loading → success flows work without `toast.promise`:

• WarningMentions a paste, webhook or tunnelling service often used to send data outSKILL.md:84

  Infinity`, `dismissible: false`, or a `toast.promise` whose promise never settles — the loading toast waits forever. |

• WarningMentions a paste, webhook or tunnelling service often used to send data outSKILL.md:85

  | `toast.promise` stuck on loading | It needs a promise (or a function returning one) as its first argument, and the pro

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from leepokai/Codync at commit c7790a4, republished under its MIT licence (© leepokai). 879 words, ~1,787 tokens.

name

ask-sonner

description

Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and persisting toasts, styling, theming and icons, positioning and multiple toasters. Use when working with Sonner or troubleshooting it — toasts that don't appear, appear twice, lose their styles, ignore Tailwind classes, sit behind a modal, or don't follow dark mode.

import { Toaster } from 'sonner'; // once, in layout
import { toast } from 'sonner';   // anywhere client-side

const id = toast.loading('Uploading…');
toast.success('Uploaded', { id });

© leepokai, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file in .claude/skills/ask-sonner of leepokai/Codync.

• SKILL.md
• API.md

Open the folder on GitHubat commit c7790a4

Used in 4 other repositories

We found 7 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 4 other GitHub owners. This page covers the copy in leepokai/Codync, which our catalogue first saw on October 7, 2026.

• wangmiaozero/pi-harnessresources/builtin-skills/emilkowalski/skills/engineering/ask-sonner
• xsolla-baku-gametech-hackathon/team-noclipwebsite/.agents/skills/ask-sonner
• aiskillstore/marketplaceskills/emilkowalski/ask-sonner
• Asymmetric-al/core.agents/skills/ask-sonner.claude/skills/ask-sonner+2 more