📦

ask-sonner

Name: ask-sonner
Author: emilkowalski

Revisión del contenido r1 Seguro ⚙️ Comandos externos🌐 Acceso a red

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.

Compatible con: Claude Codex Code(CC)

🥉 77 Bronce

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente

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.

Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/emilkowalski-ask-sonner.md Manifest firmado GET /api/skills/emilkowalski-ask-sonner/manifest Lockfile firmado GET /api/skills/emilkowalski-ask-sonner/lockfile

Pruébalo

Usando "ask-sonner". My toast appears twice in development.

Resultado esperado:

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

Usando "ask-sonner". My promise toast never leaves the loading state.

Resultado esperado:

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

Usando "ask-sonner". Tailwind classes do not change the toast colors.

Resultado esperado:

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

Auditoría de seguridad

Seguro

v1 • 11/8/2026 Abrir el informe versionado

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.

Archivos escaneados

146

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

La auditoría estática y semántica completada más reciente no detectó hallazgos de seguridad confirmados. Esto no demuestra que el skill no tenga efectos secundarios.

Auditado por: codex

Compartir y citar este informe

Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.

Abrir el informe versionado

Copiar enlace del informe

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

Insignia Markdown

[![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)

Insignia HTML

<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>

Tarjeta para insertar

<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>

Citas académicas (APA · BibTeX · CFF)

Cita APA

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

Cita BibTeX

@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"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Medio

Arquitectura

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

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.

Prueba estos prompts

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.

Mejores prácticas

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

Evitar

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.

Preguntas frecuentes

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.

Detalles del desarrollador

Autor

emilkowalski

Licencia

MIT

Revisión de Skillstore

Aviso de versión

El autor no declaró una versión.

Repositorio

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

Ref.

c40485c25b35e0203cf615647a1fd81ad7a69ea8

Actualidad del mantenimiento

11/8/2026

Uso

0 descargas · 0 vistas

Estructura de archivos

📄 API.md

📄 SKILL.md

ask-sonner

Instalar con mi Agente

Recursos legibles por agentes

Pruébalo

Auditoría de seguridad

Factores de riesgo

Copiar enlace del informe

Insignia Markdown

Insignia HTML

Tarjeta para insertar

Cita APA

Cita BibTeX

CITATION.cff

Puntuación de Skillstore

Lo que puedes crear

Add Toasts to a React Application

Standardize Product Notifications

Resolve Sonner Display Problems

Prueba estos prompts

Mejores prácticas

Evitar

Preguntas frecuentes

Detalles del desarrollador