rive-web
✓Wird ausgelöst, wenn: (1) .riv-Dateien im Web geladen oder eingebettet werden, (2) Verwendung von @rive-app/canvas- oder @rive-app/webgl-Paketen, (3) Steuerung von Rive-Zustandsmaschinen über JavaScript, (4) Rive-Eingaben lesen/schreiben oder Ereignisse verarbeiten, (5) Der Benutzer erwähnt „Rive Runtime“ oder „Rive Animation“ im Webkontext. Best Practices zum Einbetten und Steuern von Rive-Animationen im Web unter Verwendung der offiziellen Rive JavaScript/TypeScript-Laufzeitumgebung.
Installation
SKILL.md
Embed and control Rive animations on the web with JavaScript/TypeScript.
| Rive Instance | Main controller for the animation | | State Machine | Interactive logic built in Rive editor | | Inputs | Variables to control state machine (Boolean, Number, Trigger) | | Events | Signals fired by the state machine | | Artboard | Container for animation content |
@file rules/loading.md @file rules/state-machines.md @file rules/inputs.md
Wird ausgelöst, wenn: (1) .riv-Dateien im Web geladen oder eingebettet werden, (2) Verwendung von @rive-app/canvas- oder @rive-app/webgl-Paketen, (3) Steuerung von Rive-Zustandsmaschinen über JavaScript, (4) Rive-Eingaben lesen/schreiben oder Ereignisse verarbeiten, (5) Der Benutzer erwähnt „Rive Runtime“ oder „Rive Animation“ im Webkontext. Best Practices zum Einbetten und Steuern von Rive-Animationen im Web unter Verwendung der offiziellen Rive JavaScript/TypeScript-Laufzeitumgebung. Quelle: stevysmith/rive-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/stevysmith/rive-skills --skill rive-web- Quelle
- stevysmith/rive-skills
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist rive-web?
Wird ausgelöst, wenn: (1) .riv-Dateien im Web geladen oder eingebettet werden, (2) Verwendung von @rive-app/canvas- oder @rive-app/webgl-Paketen, (3) Steuerung von Rive-Zustandsmaschinen über JavaScript, (4) Rive-Eingaben lesen/schreiben oder Ereignisse verarbeiten, (5) Der Benutzer erwähnt „Rive Runtime“ oder „Rive Animation“ im Webkontext. Best Practices zum Einbetten und Steuern von Rive-Animationen im Web unter Verwendung der offiziellen Rive JavaScript/TypeScript-Laufzeitumgebung. Quelle: stevysmith/rive-skills.
Wie installiere ich rive-web?
Ö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/stevysmith/rive-skills --skill rive-web Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/stevysmith/rive-skills
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01