Frontend & UI

Animation Review

Motion finden, verbessern und gegen eine Senior-Craft-Latte prüfen.

Worum es geht

Drei von Emil Kowalskis Motion-Skills als ein Loop: Stellen finden, die animieren sollten, bestehende Motion verbessern und Animationscode gegen eine hohe Craft-Latte prüfen.

Bundles 3 commands: find-animation-opportunities / improve-animations / review-animations

Find, improve and review motion in a codebase against a senior craft bar.
Aus der Upstream-SKILL.md

Warum das fürs Design zählt

  • Deckt UI auf, die sich bewegen sollte, es aber nicht tut, und weist Motion zurück, die es nicht sollte.
  • Macht aus vagem ‚mach es schöner‘ ein priorisiertes Motion-Audit.
  • Misst Animation an einer benannten Craft-Latte, nicht an persönlichem Geschmack.

Was es abdeckt

  • Find animation opportunities
  • Improve animations
  • Review animations
  • Craft bar

So installierst du es

Animation Review

  1. Klone das Repo.

    git clone https://github.com/emilkowalski/skills
  2. Verweise Codex auf die Skill-Datei.

    skills/find-animation-opportunities/SKILL.md
  3. Beschreibe dann das gewünschte UI. Codex folgt dem Skill.

So nutzt du es mit Codex

  1. Starte den Find-Durchlauf, um Motion-Chancen in deiner UI zu orten.

  2. Wende den Improve-Durchlauf an, um bestehenden Animationscode zu überarbeiten.

  3. Starte den Review-Durchlauf vor dem Ausliefern, um handwerklich schwache Motion abzufangen.

Jedes Plugin hier ist kostenlos, quelloffen und verlinkt auf seine echte Originalquelle.

Mehr auf der codex-design-Liste ↗

Nächster Schritt

Mit Open Design designen, ohne Setup

Installiere dieses Plugin selbst, oder leg mit Open Design eine ganze kuratierte Design-Ebene um Codex. Eigener Key, eigenes Ergebnis.

Open Design Desktop

Ein Designsystem. Jeder Output unverkennbar deine Marke

Im vollständigen Vibe Design Workspace gelten dieselben Markenregeln für Websites, Slides, interaktive Prototypen, Dashboards, Bilder und HTML-Videos. Verbinde Codex, Claude Code, Cursor und weitere lokale Coding-Agents und gestalte kostenlos.

  • Web, Slides, Prototypen, Dashboards, Bilder und Video
  • 140+ Designsysteme plus die vollständige Vorlagen- und Skill-Bibliothek
  • Lokales Codex und 21+ Coding-Agents verbinden · Kostenlos

Für macOS, Windows und Linux