·sileo-react-toasts
</>

sileo-react-toasts

Fournir des conseils de mise en œuvre pour les notifications toast Sileo (package npm « sileo ») dans les applications React. À utiliser lors de l'ajout de la fenêtre Toaster, du déclenchement de toasts globaux via sileo.success/error/warning/info/show/action, de la gestion des flux asynchrones avec sileo.promise, du rejet/effacement des toasts, de la configuration des positions/décalage, du thème avec les modes clair/sombre/système et de la personnalisation du style via le remplissage, les remplacements de styles, le pilote automatique, la rondeur, les variables CSS et les sélecteurs d'attributs de données. Utilisez également cette compétence pour le comportement de balayage pour rejeter, les icônes personnalisées, les descriptions JSX, la prise en charge des mouvements réduits, les exportations de type TypeScript et la compréhension de l'architecture interne de morphing gluant SVG de Sileo. Assurez-vous d'utiliser cette compétence chaque fois que l'utilisateur mentionne sileo, les notifications toast dans React, les toasts gluants, les notifications basées sur la physique ou souhaite ajouter tout type de système toast/notification à l'aide de sileo, même s'il ne nomme pas explicitement le package.

19Installations·0Tendance·@xoverlap

Installation

$npx skills add https://github.com/xoverlap/sileo-skill --skill sileo-react-toasts

Comment installer sileo-react-toasts

Installez rapidement le skill IA sileo-react-toasts dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/xoverlap/sileo-skill --skill sileo-react-toasts
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : xoverlap/sileo-skill.

Official documentation: https://sileo.aaryan.design/docs API Reference: https://sileo.aaryan.design/docs/api Toaster API: https://sileo.aaryan.design/docs/api/toaster Styling Guide: https://sileo.aaryan.design/docs/styling Playground: https://sileo.aaryan.design/play GitHub: https://github.com/hiaaryan/sileo

Sileo is a tiny, opinionated, physics-based toast component for React. It uses gooey SVG morphing (via an feGaussianBlur + feColorMatrix filter chain) and spring animations (powered by motion/react, formerly Framer Motion) to create buttery-smooth notifications that look beautiful by default with zero configuration.

Sileo is not a general-purpose notification center. It is a highly polished, visually distinctive toast system designed for single-line feedback messages with optional expandable descriptions.

Fournir des conseils de mise en œuvre pour les notifications toast Sileo (package npm « sileo ») dans les applications React. À utiliser lors de l'ajout de la fenêtre Toaster, du déclenchement de toasts globaux via sileo.success/error/warning/info/show/action, de la gestion des flux asynchrones avec sileo.promise, du rejet/effacement des toasts, de la configuration des positions/décalage, du thème avec les modes clair/sombre/système et de la personnalisation du style via le remplissage, les remplacements de styles, le pilote automatique, la rondeur, les variables CSS et les sélecteurs d'attributs de données. Utilisez également cette compétence pour le comportement de balayage pour rejeter, les icônes personnalisées, les descriptions JSX, la prise en charge des mouvements réduits, les exportations de type TypeScript et la compréhension de l'architecture interne de morphing gluant SVG de Sileo. Assurez-vous d'utiliser cette compétence chaque fois que l'utilisateur mentionne sileo, les notifications toast dans React, les toasts gluants, les notifications basées sur la physique ou souhaite ajouter tout type de système toast/notification à l'aide de sileo, même s'il ne nomme pas explicitement le package. Source : xoverlap/sileo-skill.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/xoverlap/sileo-skill --skill sileo-react-toasts
Catégorie
</>Développement
Vérifié
Première apparition
2026-03-07
Mis à jour
2026-03-10

Browse more skills from xoverlap/sileo-skill

Réponses rapides

Qu'est-ce que sileo-react-toasts ?

Fournir des conseils de mise en œuvre pour les notifications toast Sileo (package npm « sileo ») dans les applications React. À utiliser lors de l'ajout de la fenêtre Toaster, du déclenchement de toasts globaux via sileo.success/error/warning/info/show/action, de la gestion des flux asynchrones avec sileo.promise, du rejet/effacement des toasts, de la configuration des positions/décalage, du thème avec les modes clair/sombre/système et de la personnalisation du style via le remplissage, les remplacements de styles, le pilote automatique, la rondeur, les variables CSS et les sélecteurs d'attributs de données. Utilisez également cette compétence pour le comportement de balayage pour rejeter, les icônes personnalisées, les descriptions JSX, la prise en charge des mouvements réduits, les exportations de type TypeScript et la compréhension de l'architecture interne de morphing gluant SVG de Sileo. Assurez-vous d'utiliser cette compétence chaque fois que l'utilisateur mentionne sileo, les notifications toast dans React, les toasts gluants, les notifications basées sur la physique ou souhaite ajouter tout type de système toast/notification à l'aide de sileo, même s'il ne nomme pas explicitement le package. Source : xoverlap/sileo-skill.

Comment installer sileo-react-toasts ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/xoverlap/sileo-skill --skill sileo-react-toasts Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/xoverlap/sileo-skill

Détails

Catégorie
</>Développement
Source
skills.sh
Première apparition
2026-03-07

Skills Connexes

Aucun