·animated-component-libraries
$

animated-component-libraries

✓
freshtechbro/claudedesignskillsGitHub: freshtechbro/claudedesignskillsQuelle: freshtechbro/claudedesignskills

Vorgefertigte animierte React-Komponentensammlungen, die Magic UI (über 150 TypeScript-/Tailwind-/Motion-Komponenten) und React Bits (über 90 animierte Komponenten mit minimaler Abhängigkeit) kombinieren. Nutzen Sie diese Fähigkeit, wenn Sie Landingpages, Marketingseiten, Dashboards oder interaktive Benutzeroberflächen erstellen, die vorgefertigte animierte Komponenten anstelle von manuell erstellten Animationen erfordern. Wird bei Aufgaben ausgelöst, die animierte UI-Komponenten, Magic UI, React Bits, Shadcn/UI-Integration, Tailwind CSS-Komponenten oder die Auswahl einer Komponentenbibliothek betreffen. Alternative zur manuellen Umsetzung von Animationen mit Framer Motion oder GSAP.

freshtechbro·animated·component·libraries
18Installationen·3Trend·@freshtechbro

Installation

GitHub: freshtechbro/claudedesignskills
$npx skills add https://github.com/freshtechbro/claudedesignskills --skill animated-component-libraries

So installieren Sie animated-component-libraries

Installieren Sie den KI-Skill animated-component-libraries 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/freshtechbro/claudedesignskills --skill animated-component-libraries
  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: freshtechbro/claudedesignskills.

SKILL.md

Original anzeigen

This skill provides expertise in pre-built animated React component libraries, specifically Magic UI and React Bits. These libraries offer production-ready, animated components that significantly accelerate development of modern, interactive web applications.

Magic UI provides 150+ TypeScript components built on Tailwind CSS and Framer Motion, designed for seamless integration with shadcn/ui. Components are copy-paste ready and highly customizable.

React Bits offers 90+ animated React components with minimal dependencies, focusing on visual effects, backgrounds, and micro-interactions. Components emphasize performance and ease of customization.

Vorgefertigte animierte React-Komponentensammlungen, die Magic UI (über 150 TypeScript-/Tailwind-/Motion-Komponenten) und React Bits (über 90 animierte Komponenten mit minimaler Abhängigkeit) kombinieren. Nutzen Sie diese Fähigkeit, wenn Sie Landingpages, Marketingseiten, Dashboards oder interaktive Benutzeroberflächen erstellen, die vorgefertigte animierte Komponenten anstelle von manuell erstellten Animationen erfordern. Wird bei Aufgaben ausgelöst, die animierte UI-Komponenten, Magic UI, React Bits, Shadcn/UI-Integration, Tailwind CSS-Komponenten oder die Auswahl einer Komponentenbibliothek betreffen. Alternative zur manuellen Umsetzung von Animationen mit Framer Motion oder GSAP. Quelle: freshtechbro/claudedesignskills.

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/freshtechbro/claudedesignskills --skill animated-component-libraries
Quelle
freshtechbro/claudedesignskills
Kategorie
$Marketing
Verifiziert
✓
Erstes Auftreten
2026-03-09
Aktualisiert
2026-03-10
URL
https://www.learn-skills.dev/de/skills/freshtechbro/claudedesignskills/animated-component-libraries

Browse more skills from freshtechbro/claudedesignskills

Schnelle Antworten

Was ist animated-component-libraries?

Vorgefertigte animierte React-Komponentensammlungen, die Magic UI (über 150 TypeScript-/Tailwind-/Motion-Komponenten) und React Bits (über 90 animierte Komponenten mit minimaler Abhängigkeit) kombinieren. Nutzen Sie diese Fähigkeit, wenn Sie Landingpages, Marketingseiten, Dashboards oder interaktive Benutzeroberflächen erstellen, die vorgefertigte animierte Komponenten anstelle von manuell erstellten Animationen erfordern. Wird bei Aufgaben ausgelöst, die animierte UI-Komponenten, Magic UI, React Bits, Shadcn/UI-Integration, Tailwind CSS-Komponenten oder die Auswahl einer Komponentenbibliothek betreffen. Alternative zur manuellen Umsetzung von Animationen mit Framer Motion oder GSAP. Quelle: freshtechbro/claudedesignskills.

Wie installiere ich animated-component-libraries?

Ö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/freshtechbro/claudedesignskills --skill animated-component-libraries 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/freshtechbro/claudedesignskills

Details

Kategorie
$Marketing
Quelle
skills.sh
Erstes Auftreten
2026-03-09

Verwandte Skills

babylonjs-engine
25 Installationen
threejs-webgl
24 Installationen
blender-web-pipeline
21 Installationen
pixijs-2d
21 Installationen
spline-interactive
21 Installationen
gsap-scrolltrigger
18 Installationen