·motion-design
*

motion-design

richtabor/agent-skills

Bietet Anleitungen zum Bewegungsdesign für UI-Komponenten. Auslöser für Animationsanfragen („Animieren“, „Übergang hinzufügen“, „Bewegung für“), Verfeinerungsanfragen („Diese Animation bereinigen“, „Bewegung bereinigen“, „Das fühlt sich zu schnell/langsam an“, „Das fühlt sich lebendiger/natürlicher an“) und Fragen zu Beschleunigung, Timing oder Mikrointeraktionen.

10Installationen·0Trend·@richtabor

Installation

$npx skills add https://github.com/richtabor/agent-skills --skill motion-design

SKILL.md

Design intentional, purposeful motion for product UI. This skill evaluates animation needs and recommends specific easing curves, durations, and implementation approaches based on interaction frequency and purpose.

Every animation needs a job. If it has no job, don't animate.

Based on the evaluation, provide specific recommendations using tokens from the reference files.

Bietet Anleitungen zum Bewegungsdesign für UI-Komponenten. Auslöser für Animationsanfragen („Animieren“, „Übergang hinzufügen“, „Bewegung für“), Verfeinerungsanfragen („Diese Animation bereinigen“, „Bewegung bereinigen“, „Das fühlt sich zu schnell/langsam an“, „Das fühlt sich lebendiger/natürlicher an“) und Fragen zu Beschleunigung, Timing oder Mikrointeraktionen. Quelle: richtabor/agent-skills.

Original anzeigen

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/richtabor/agent-skills --skill motion-design
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist motion-design?

Bietet Anleitungen zum Bewegungsdesign für UI-Komponenten. Auslöser für Animationsanfragen („Animieren“, „Übergang hinzufügen“, „Bewegung für“), Verfeinerungsanfragen („Diese Animation bereinigen“, „Bewegung bereinigen“, „Das fühlt sich zu schnell/langsam an“, „Das fühlt sich lebendiger/natürlicher an“) und Fragen zu Beschleunigung, Timing oder Mikrointeraktionen. Quelle: richtabor/agent-skills.

Wie installiere ich motion-design?

Ö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/richtabor/agent-skills --skill motion-design 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/richtabor/agent-skills