frontend-magic-ui
✓Polierte SaaS-Landingpage-Komponenten. Verwendung für Zahlenticker/Statistikanimationen, Logo-Laufschrift, Bento-Raster, Gerätemodelle (iPhone, Safari), Schimmer-/Regenbogenschaltflächen, Tippeffekte. Professioneller Marketing-Finish basierend auf Framer Motion + Tailwind. Für dramatische Heldeneffekte verwenden Sie Aceternity, für die grundlegende Benutzeroberfläche verwenden Sie shadcn.
Installation
SKILL.md
150+ animated components for SaaS landing pages. Professional polish, production-ready.
| Number animation | ✓ NumberTicker | ✗ | | Logo carousel | ✓ Marquee | ✓ InfiniteMovingCards | | Hero spotlight | ✗ | ✓ Spotlight | | Device mockup | ✓ Safari/iPhone | ✗ | | 3D card tilt | ✗ | ✓ 3D Card |
Rule: Magic UI = polished SaaS, Aceternity = dramatic effects
Polierte SaaS-Landingpage-Komponenten. Verwendung für Zahlenticker/Statistikanimationen, Logo-Laufschrift, Bento-Raster, Gerätemodelle (iPhone, Safari), Schimmer-/Regenbogenschaltflächen, Tippeffekte. Professioneller Marketing-Finish basierend auf Framer Motion + Tailwind. Für dramatische Heldeneffekte verwenden Sie Aceternity, für die grundlegende Benutzeroberfläche verwenden Sie shadcn. Quelle: petbrains/mvp-builder.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-magic-ui- Quelle
- petbrains/mvp-builder
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-09
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist frontend-magic-ui?
Polierte SaaS-Landingpage-Komponenten. Verwendung für Zahlenticker/Statistikanimationen, Logo-Laufschrift, Bento-Raster, Gerätemodelle (iPhone, Safari), Schimmer-/Regenbogenschaltflächen, Tippeffekte. Professioneller Marketing-Finish basierend auf Framer Motion + Tailwind. Für dramatische Heldeneffekte verwenden Sie Aceternity, für die grundlegende Benutzeroberfläche verwenden Sie shadcn. Quelle: petbrains/mvp-builder.
Wie installiere ich frontend-magic-ui?
Ö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-magic-ui 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/petbrains/mvp-builder
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-09