·css-animation-creator
*

css-animation-creator

Erstellen Sie professionelle CSS-Animationen, Übergänge, Mikrointeraktionen und komplexes Bewegungsdesign. Zum Hinzufügen von Animationen, Hover-Effekten, Ladezuständen, Seitenübergängen, Scroll-Animationen oder anderen Bewegungsdesignarbeiten.

23Installationen·0Trend·@onewave-ai

Installation

$npx skills add https://github.com/onewave-ai/claude-skills --skill css-animation-creator

So installieren Sie css-animation-creator

Installieren Sie den KI-Skill css-animation-creator 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/onewave-ai/claude-skills --skill css-animation-creator
  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: onewave-ai/claude-skills.

| Squash & Stretch | Button press, elastic effects | | Anticipation | Hover states before action | | Staging | Focus attention on important elements | | Follow Through | Overshoot then settle | | Ease In/Out | Natural acceleration/deceleration | | Arcs | Curved motion paths | | Secondary Action | Supporting animations |

| Timing | Duration conveys weight/importance | | Exaggeration | Emphasis for clarity | | Appeal | Pleasing, polished motion |

| Micro-interaction | 100-200ms | ease-out | | Button/hover | 150-250ms | ease | | Modal open | 200-300ms | ease-out | | Modal close | 150-200ms | ease-in | | Page transition | 300-500ms | ease-in-out | | Loading loop | 1000-2000ms | linear/ease-in-out | | Attention grab | 500-1000ms | elastic |

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/onewave-ai/claude-skills --skill css-animation-creator
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-03-01
Aktualisiert
2026-03-10

Browse more skills from onewave-ai/claude-skills

Schnelle Antworten

Was ist css-animation-creator?

Erstellen Sie professionelle CSS-Animationen, Übergänge, Mikrointeraktionen und komplexes Bewegungsdesign. Zum Hinzufügen von Animationen, Hover-Effekten, Ladezuständen, Seitenübergängen, Scroll-Animationen oder anderen Bewegungsdesignarbeiten. Quelle: onewave-ai/claude-skills.

Wie installiere ich css-animation-creator?

Ö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/onewave-ai/claude-skills --skill css-animation-creator 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/onewave-ai/claude-skills