·sileo-react-toasts
</>

sileo-react-toasts

✓
xoverlap/sileo-skillGitHub: xoverlap/sileo-skillQuelle: xoverlap/sileo-skill

Bereitstellung von Implementierungsanleitungen für Sileo-Toastbenachrichtigungen (npm-Paket „sileo“) in React-Apps. Wird verwendet, wenn Sie das Toaster-Ansichtsfenster hinzufügen, globale Toasts über sileo.success/error/warning/info/show/action auslösen, asynchrone Flows mit sileo.promise verarbeiten, Toasts verwerfen/löschen, Positionen/Versatz konfigurieren, Themen mit Hell-/Dunkel-/Systemmodi festlegen und den Stil über Füllung, Stilüberschreibungen, Autopilot, Rundheit, CSS-Variablen und Datenattributselektoren anpassen. Nutzen Sie diese Fähigkeit auch für das Wischen zum Verwerfen, benutzerdefinierte Symbole, JSX-Beschreibungen, Unterstützung für reduzierte Bewegungen, Exporte von TypeScript-Typen und das Verständnis der internen SVG-Morphing-Architektur von Sileo. Stellen Sie sicher, dass Sie diesen Skill immer dann verwenden, wenn der Benutzer Sileo, Toast-Benachrichtigungen in React, klebrige Toasts oder physikbasierte Benachrichtigungen erwähnt oder jede Art von Toast-/Benachrichtigungssystem mit Sileo hinzufügen möchte, auch wenn er das Paket nicht explizit nennt.

xoverlap·sileo·react·toasts
19Installationen·0Trend·@xoverlap

Installation

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

So installieren Sie sileo-react-toasts

Installieren Sie den KI-Skill sileo-react-toasts schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/xoverlap/sileo-skill --skill sileo-react-toasts
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: xoverlap/sileo-skill.

SKILL.md

Original anzeigen

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.

Bereitstellung von Implementierungsanleitungen für Sileo-Toastbenachrichtigungen (npm-Paket „sileo“) in React-Apps. Wird verwendet, wenn Sie das Toaster-Ansichtsfenster hinzufügen, globale Toasts über sileo.success/error/warning/info/show/action auslösen, asynchrone Flows mit sileo.promise verarbeiten, Toasts verwerfen/löschen, Positionen/Versatz konfigurieren, Themen mit Hell-/Dunkel-/Systemmodi festlegen und den Stil über Füllung, Stilüberschreibungen, Autopilot, Rundheit, CSS-Variablen und Datenattributselektoren anpassen. Nutzen Sie diese Fähigkeit auch für das Wischen zum Verwerfen, benutzerdefinierte Symbole, JSX-Beschreibungen, Unterstützung für reduzierte Bewegungen, Exporte von TypeScript-Typen und das Verständnis der internen SVG-Morphing-Architektur von Sileo. Stellen Sie sicher, dass Sie diesen Skill immer dann verwenden, wenn der Benutzer Sileo, Toast-Benachrichtigungen in React, klebrige Toasts oder physikbasierte Benachrichtigungen erwähnt oder jede Art von Toast-/Benachrichtigungssystem mit Sileo hinzufügen möchte, auch wenn er das Paket nicht explizit nennt. Quelle: xoverlap/sileo-skill.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/xoverlap/sileo-skill --skill sileo-react-toasts
Quelle
xoverlap/sileo-skill
Kategorie
</>Entwicklung
Verifiziert
✓
Erstes Auftreten
2026-03-07
Aktualisiert
2026-03-10
URL
https://www.learn-skills.dev/de/skills/xoverlap/sileo-skill/sileo-react-toasts

Browse more skills from xoverlap/sileo-skill

Schnelle Antworten

Was ist sileo-react-toasts?

Bereitstellung von Implementierungsanleitungen für Sileo-Toastbenachrichtigungen (npm-Paket „sileo“) in React-Apps. Wird verwendet, wenn Sie das Toaster-Ansichtsfenster hinzufügen, globale Toasts über sileo.success/error/warning/info/show/action auslösen, asynchrone Flows mit sileo.promise verarbeiten, Toasts verwerfen/löschen, Positionen/Versatz konfigurieren, Themen mit Hell-/Dunkel-/Systemmodi festlegen und den Stil über Füllung, Stilüberschreibungen, Autopilot, Rundheit, CSS-Variablen und Datenattributselektoren anpassen. Nutzen Sie diese Fähigkeit auch für das Wischen zum Verwerfen, benutzerdefinierte Symbole, JSX-Beschreibungen, Unterstützung für reduzierte Bewegungen, Exporte von TypeScript-Typen und das Verständnis der internen SVG-Morphing-Architektur von Sileo. Stellen Sie sicher, dass Sie diesen Skill immer dann verwenden, wenn der Benutzer Sileo, Toast-Benachrichtigungen in React, klebrige Toasts oder physikbasierte Benachrichtigungen erwähnt oder jede Art von Toast-/Benachrichtigungssystem mit Sileo hinzufügen möchte, auch wenn er das Paket nicht explizit nennt. Quelle: xoverlap/sileo-skill.

Wie installiere ich sileo-react-toasts?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/xoverlap/sileo-skill --skill sileo-react-toasts Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

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

Details

Kategorie
</>Entwicklung
Quelle
skills.sh
Erstes Auftreten
2026-03-07

Verwandte Skills

Keine