Micro Interactions

Micro Interactions taxonomy generated by the site skill importer.

7 Skills
W
interaction-design

von wshobson

Die interaction-design Skill unterstützt Teams dabei, zielgerichtete UI-Motion, Mikrointeraktionen, Übergänge, Ladezustände und Feedback-Muster zu gestalten und umzusetzen – mit praxisnahen, React-orientierten Referenzen und konkreten Anwendungshinweisen.

UI Design
Favoriten 0GitHub 32.6k
P
delight

von pbakaus

Nutze die delight Skill, um UI-Polish mit Geschmack, Mikrointeraktionen und Persönlichkeit in Success-, Lade-, Empty- und Onboarding-States einzubauen, ohne Nutzbarkeit oder Fokus zu beeinträchtigen.

UI Design
Favoriten 0GitHub 20.4k
P
delight

von pbakaus

Die Skill delight hilft dabei, UI Design gezielt um sympathische Freude, Persönlichkeit und feinen Micro-Polish zu ergänzen. Nutze sie, um Erfolgszustände, Empty States, Lademomente und Interaktionen zu verbessern – mit kontextsensibler Anleitung für Install, Setup und den praktischen Einsatz von delight.

UI Design
Favoriten 0GitHub 14.9k
P
animate

von pbakaus

Nutze die animate Skill, um ein UI-Feature zu prüfen und gezielte Animationen, Mikrointeraktionen und Übergänge zu planen. Sie hilft dir, Bewegung zu identifizieren, die Feedback, Klarheit, Hierarchie und Nutzerfreude verbessert, setzt den nötigen Designkontext aus /frontend-design voraus und berücksichtigt Performance sowie Barrierefreiheit.

UI Design
Favoriten 0GitHub 14.9k
P
delight

von pbakaus

Die delight Skill hilft UI-Teams dabei, geschmackvolle Micro-Interactions, Textelemente und Feedback-Momente einzubauen, damit Interfaces wärmer und einprägsamer wirken. Am besten geeignet, um einzelne Screens oder Flows zu verfeinern, nicht für komplette Redesigns. Verwende delight mit vorhandenem /frontend-design-Kontext und bei Bedarf zuerst /teach-impeccable.

UI Design
Favoriten 0GitHub 14.6k
P
animate

von pbakaus

Nutze den animate Skill, um ein Feature zu prüfen und gezielte Animationen, Mikrointeraktionen und Motion-Effekte hinzuzufügen, die Klarheit, Feedback und den Feinschliff verbessern. Am besten geeignet für UI-Design mit klaren Zielen, Designkontext und Performance-Vorgaben.

UI Design
Favoriten 0GitHub 14.6k
P
animate

von pbakaus

Nutze die animate Skill, um ein UI-Feature zu prüfen und gezielte Übergänge, Feedback-Zustände und Mikrointeraktionen zu ergänzen. Sie unterstützt Motion-Entscheidungen mit Blick auf Usability, Performance-Grenzen, Reduced-Motion-Anforderungen und eine klare Umsetzungsrichtung statt rein dekorativer Effekte.

UI Design
Favoriten 0GitHub 0
Micro Interactions