Zustandsgesteuerte interaktive Animationen mit integrierten Zustandsmaschinen. Verwenden Sie diese Option, wenn Animationen auf Benutzereingaben (Hovern, Klicken, Ziehen) REAGIEREN müssen, mehrere Zustände/Übergänge haben oder auf Datenwerte (Fortschrittsbalken, Zähler) reagieren müssen. Ideal für animierte Schaltflächen, Schalter, Kontrollkästchen und Zeichen. Für einfache Play-/Loop-Animationen verwenden Sie stattdessen Lottie.
Installieren Sie den KI-Skill frontend-rive schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: petbrains/mvp-builder.
Interactive animations with built-in state machines. Animation logic inside the .riv file.
| Just plays/loops | Lottie | | Reacts to hover | Rive | | Controlled by data | Rive | | Multiple states | Rive | | Simple loader | Lottie |
Zustandsgesteuerte interaktive Animationen mit integrierten Zustandsmaschinen. Verwenden Sie diese Option, wenn Animationen auf Benutzereingaben (Hovern, Klicken, Ziehen) REAGIEREN müssen, mehrere Zustände/Übergänge haben oder auf Datenwerte (Fortschrittsbalken, Zähler) reagieren müssen. Ideal für animierte Schaltflächen, Schalter, Kontrollkästchen und Zeichen. Für einfache Play-/Loop-Animationen verwenden Sie stattdessen Lottie. Quelle: petbrains/mvp-builder.
Ö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/petbrains/mvp-builder --skill frontend-rive Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-riveZustandsgesteuerte interaktive Animationen mit integrierten Zustandsmaschinen. Verwenden Sie diese Option, wenn Animationen auf Benutzereingaben (Hovern, Klicken, Ziehen) REAGIEREN müssen, mehrere Zustände/Übergänge haben oder auf Datenwerte (Fortschrittsbalken, Zähler) reagieren müssen. Ideal für animierte Schaltflächen, Schalter, Kontrollkästchen und Zeichen. Für einfache Play-/Loop-Animationen verwenden Sie stattdessen Lottie. Quelle: petbrains/mvp-builder.
Ö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/petbrains/mvp-builder --skill frontend-rive Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/petbrains/mvp-builder