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

- Versión web: https://skills.sgomez.dev/es/s/ask-sonner
- Sección: [Web y Diseño](https://skills.sgomez.dev/es/web.md)
- Autor: emilkowalski
- Licencia: MIT
- Código: https://github.com/emilkowalski/skills/tree/d16ebe60d09a5ba2afcb7054ede9d0a10c9f6128/skills/ask-sonner
- Actualizada el 23 sept 2026

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

macOS · Linux:

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

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## 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 revisamos esto](https://skills.sgomez.dev/es/methodology.md)