agentleFS
Sign inStart free
udecodeudecode/better-convex/.agents/skills/toast/SKILL.md

toast

Skill452 starsChanged 23 days agoApache-2.0View on GitHub

Toast notifications with Sonner for user feedback. Use for success/error messages, async operation feedback, and temporary notifications. Always use when using Sonner.

We split this skill into the rules it gives an agent

6 rules. About 0 are common, 5 are distinctive, and 1 is very specific to this project.

  • ≈0

    Common · estimate

    Many files like this have a rule of this kind.

  • ≈5

    Distinctive · estimate

    This author's own choices. Worth a look.

  • 1

    Very specific

    Tied to their project's names, files or tools. Probably skip.

  • Common
  • Distinctive
  • Very specific
  1. Distinctive:

    When displaying temporary notifications to users

    line 13
  2. Distinctive:

    DO NOT overuse toasts, follow the standard UX patterns

    line 16
  3. Distinctive:

    Import toast from 'sonner' package

    line 20
  4. Very specific:

    Use toast.promise() for async operations with loading/success/error states

    line 21
  5. Distinctive:

    Use direct toast methods for immediate notifications

    line 22
  6. Distinctive:

    Keep messages concise and informative

    line 23

≈ “Common” is an estimate: at least 1 in 5 of the 308,232 skill files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.

Keep what fits and drop the rest. Your version, ready for your agents.
Files
SKILL.md

Toast Notifications

Context

  • When displaying temporary notifications to users
  • For success, error, or informational messages
  • For async operation feedback
  • DO NOT overuse toasts, follow the standard UX patterns

Requirements

  • Import toast from 'sonner' package
  • Use toast.promise() for async operations with loading/success/error states
  • Use direct toast methods for immediate notifications
  • Keep messages concise and informative

Examples

<example> // For async operations const promise = someAsyncOperation();

toast.promise(promise, { loading: 'Operation in progress...', success: 'Operation successful!', error: 'Operation failed.', }); </example>

<example> // For immediate notifications toast.success('Action completed successfully!'); toast.error('An error occurred.'); toast.info('Here's some information.'); </example><example type="invalid"> // Don't create custom toast implementations const showToast = (message) => { const toastElement = document.createElement('div'); toastElement.innerText = message; document.body.appendChild(toastElement); setTimeout(() => toastElement.remove(), 3000); }; </example><example type="invalid"> // Don't use alert() for notifications alert('Operation successful!'); </example>

Download now (ZIP)

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

Reviews can't be read right now.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

Check your setup, free