Saltar al contenido
Por emilkowalski

Guía de Sonner, notificaciones toast

/ask-sonner

/ask-sonner es una skill de Claude Code de la sección Web y Diseño. La mantiene emilkowalski y se publica con licencia MIT. Ayuda a instalar, usar, estilizar y depurar Sonner, la librería de toasts para React: Toaster, toasts de promesa, temas y posición.

Descripción del autor (traducida)

Guía de Sonner, la librería de toasts para React: instalar y configurar el Toaster, elegir la llamada a toast() adecuada, toasts de promesa y de carga, actualizar, descartar y persistir toasts, estilos, temas e iconos, posicionamiento y varios toasters a la vez. Úsala cuando trabajes con Sonner o tengas problemas con ella: toasts que no aparecen, que aparecen duplicados, que pierden sus estilos, que ignoran las clases de Tailwind, que quedan detrás de un modal, o que no siguen el modo oscuro.

Cómo pedírselo

  • Instala Sonner y configura el Toaster en mi app de React
  • Mis toasts de Sonner no siguen el modo oscuro, ayúdame a arreglarlo
  • Muestra un toast de carga mientras se resuelve esta promesa

Instalar

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

Tras instalar con el script, escribe /ask-sonner. ¿Usas Cursor, Windsurf o Codex? Guías por plataforma

Demo en camino

↑↓ moverte · Enter abrir · Esc cerrar