📦

ask-sonner

Name: ask-sonner
Author: emilkowalski

Inhaltsrevision r1 Sicher ⚙️ Externe Befehle🌐 Netzwerkzugriff

Build Reliable Sonner Toasts

Sonner integrations can fail through duplicate toasters, server-side calls, styling conflicts, or incorrect promise handling. This skill provides focused setup, API, styling, and troubleshooting guidance.

Unterstützt: Claude Codex Code(CC)

🥉 77 Bronze

Mit meinem Agent installieren

Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.

Agent-Anfrage

Review the Skillstore skill "ask-sonner" from https://skillstore.io/skills/emilkowalski-ask-sonner.md and its manifest at https://skillstore.io/api/skills/emilkowalski-ask-sonner/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.

Agent-lesbare Ressourcen

Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.

Markdown-Detailseite GET /skills/emilkowalski-ask-sonner.md Signiertes manifest GET /api/skills/emilkowalski-ask-sonner/manifest Signiertes lockfile GET /api/skills/emilkowalski-ask-sonner/lockfile

Testen

„ask-sonner“ wird verwendet. My toast appears twice in development.

Erwartetes Ergebnis:

Check for multiple mounted Toasters first. If only one exists, move the toast call from a StrictMode effect into the event handler.

„ask-sonner“ wird verwendet. My promise toast never leaves the loading state.

Erwartetes Ergebnis:

Confirm that the first argument is a promise or returns one. Then verify that the underlying operation resolves or rejects.

„ask-sonner“ wird verwendet. Tailwind classes do not change the toast colors.

Erwartetes Ergebnis:

Sonner default styles may win the cascade. Use important utilities for small changes, or choose unstyled or custom rendering for broader control.

Sicherheitsaudit

Sicher

v1 • 11.8.2026 Versionsbericht öffnen

All 45 static findings are false positives caused by Markdown syntax, React and Sonner API examples, and one documentation link. The skill is documentation-only and contains no command execution, system reconnaissance, prompt injection, or suspicious network behavior.

Gescannte Dateien

146

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Das letzte abgeschlossene statische und semantische Audit erkannte keine bestätigten Sicherheitsbefunde. Dies beweist nicht, dass der Skill keine Nebenwirkungen hat.

Geprüft von: codex

Diesen Bericht teilen & zitieren

Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.

Versionsbericht öffnen

Berichtslink kopieren

https://skillstore.io/skills/emilkowalski-ask-sonner/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown-Badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/emilkowalski-ask-sonner/security.svg)](https://skillstore.io/skills/emilkowalski-ask-sonner?utm_source=security_passport_badge)

HTML-Badge

<a href="https://skillstore.io/skills/emilkowalski-ask-sonner?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-ask-sonner/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Einbettungskarte

<iframe src="https://skillstore.io/embed/skills/emilkowalski-ask-sonner.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Wissenschaftliche Zitate (APA · BibTeX · CFF)

APA-Zitat

emilkowalski. (2026). ask-sonner security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-ask-sonner/audits/1

BibTeX-Zitat

@techreport{emilkowalski-emilkowalski-ask-sonner-2026,
  author = {emilkowalski},
  title = {ask-sonner security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/emilkowalski-ask-sonner/audits/1},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "ask-sonner security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "emilkowalski"
date-released: "2026-08-11"
url: "https://skillstore.io/skills/emilkowalski-ask-sonner/audits/1"
identifiers:
  - type: other
    value: "skillstore:emilkowalski-ask-sonner:audit:1"
    description: "Skillstore immutable audit report identifier"

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Mittel

Architektur

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Add Toasts to a React Application

Configure the Toaster and choose the correct toast method for common user feedback.

Standardize Product Notifications

Create consistent toast behavior, styling, actions, icons, and themes across a product.

Resolve Sonner Display Problems

Trace missing, duplicated, unstyled, hidden, persistent, or incorrectly targeted notifications.

Diese Prompts ausprobieren

Basic Setup

Show me how to add Sonner to my React application with one Toaster and a success toast.

Promise Feedback

Convert this asynchronous save flow to toast.promise with clear loading, success, and error messages: [describe flow].

Custom Styling

Recommend the simplest Sonner styling approach for these design requirements: [requirements]. Include theme and icon configuration.

Systematic Diagnosis

Diagnose this Sonner issue using my component placement, call site, framework, styles, and observed behavior: [context]. Prioritize likely causes.

Bewährte Praktiken

Mount one Toaster near the application root.
Trigger toast calls from client events, effects, or callbacks.
Use stable identifiers when updating an existing toast.

Vermeiden

Do not mount a Toaster on every page or conditionally.
Do not call toast directly inside server actions.
Do not layer many important CSS overrides when custom rendering is clearer.

Häufig gestellte Fragen

Does Sonner require a provider?

No. Mount one Toaster and import the toast function where client code needs it.

Can toast be called from a server action?

No. Return the action result and call toast from the client code that receives it.

How do I update a loading toast?

Store the returned toast identifier, then call another toast method with that same identifier.

How do I support dark mode?

Set the Toaster theme to system or pass the resolved value from your theme provider.

Why does one toast appear in every Toaster?

Assign each Toaster an identifier and pass the matching toasterId with the toast call.

When should I use custom rendering?

Use custom rendering when a design system needs complete visual control while retaining Sonner behavior.

Entwicklerdetails

Autor

emilkowalski

Lizenz

MIT

Skillstore-Revision

Versionshinweis

Der Autor hat keine Version angegeben.

Repository

https://github.com/emilkowalski/skills/tree/78761e1b57f97dce65b983d640c70a68f39e8163/skills/ask-sonner

Ref.

c40485c25b35e0203cf615647a1fd81ad7a69ea8

Aktualität der Wartung

11.8.2026

Nutzung

0 Downloads · 0 Aufrufe

Dateistruktur

📄 API.md

📄 SKILL.md

ask-sonner

Mit meinem Agent installieren

Agent-lesbare Ressourcen

Testen

Sicherheitsaudit

Risikofaktoren

Berichtslink kopieren

Markdown-Badge

HTML-Badge

Einbettungskarte

APA-Zitat

BibTeX-Zitat

CITATION.cff

Skillstore-Score

Was Sie erstellen können

Add Toasts to a React Application

Standardize Product Notifications

Resolve Sonner Display Problems

Diese Prompts ausprobieren

Bewährte Praktiken

Vermeiden

Häufig gestellte Fragen

Entwicklerdetails