LinkEmil KowalskiSammlung
Webanwendungen wirken im Vergleich zu nativen iOS-Apps häufig träge oder künstlich. Kowalskis Leitfaden liefert konkrete mathematische Formeln und Implementierungsansätze, um gestengesteuerte Oberflächen im Browser physikalisch glaubwürdig und reaktionsschnell umzusetzen.
Der Leitfaden stützt sich maßgeblich auf Apples WWDC-Session 'Designing Fluid Interfaces' von 2018. Er bricht komplexe Physik in greifbare Web-Konzepte herunter – etwa durch den Verzicht auf starre CSS-Transitions bei Gesten und den gezielten Einsatz von 'Motion' bzw. 'Framer Motion'. Besonderes Augenmerk liegt auf Randfällen wie kontinuierlichem Feedback, Rubber-Banding an Bildschirmgrenzen und dem Erhalt von Geschwindigkeitsvektoren beim Wechsel von Berührung zu Animation.
Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 28. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.
Inhaltlich ähnlich, ermittelt über die KI-Suche.
Link:Emil Kowalski
Emil Kowalski fasst in einem Skill-Leitfaden seine Prinzipien für Design Engineering, UI-Polishing und Interface-Animationen zusammen. Im Mittelpunkt stehen trainierter Geschmack, unsichtbare Details sowie präzise Regeln für Timing, Easing und Komponenten-Feedback.
Link:Jakub Krehel
Jakub Krehel stellt mit 'make-interfaces-feel-better' ein Regelwerk und Skill-Paket für Frontend-Entwickler und UI-Reviews vor. Es umfasst konkrete Design-Engineering-Regeln für Typografie, Oberflächen, Animationen, Icons und Performance sowie ein klares Format für Code-Reviews.
Link:kinetics.colorion.co
Kinetics bietet eine Sammlung von 153 Web-Interface-Animationen, die auf Federphysik (Spring Physics) anstelle von starren Easing-Dauern basieren. Jeder Effekt wird mit CSS-Code, React-Komponenten und vorgefertigten KI-Prompts bereitgestellt.
Link:raphaelsalaja
Ein via npx installierbares Skill-Paket von raphaelsalaja prüft Web-Animationscode anhand der auf Benutzeroberflächen übertragenen zwölf Disney-Animationsprinzipien.
Repository:emilkowalski/skills
Das Open-Source-Repository emilkowalski/skills bündelt strukturierte Design- und Animationsanleitungen für Entwickler und KI-Coding-Agenten. Das Projekt basiert auf den Praxiserfahrungen von Emil Kowalski bei Vercel und Linear und soll typische Gestaltungsfehler von generativer KI verhindern.
53.896SterneMarkdown
Link:Emil Kowalski
Emil Kowalski stellt einen installierbaren Skill für KI-Agenten bereit, der auf seiner Design-Engineering-Philosophie basiert. Das Modul soll Coding-Agenten dabei unterstützen, Benutzeroberflächen mit höherem Anspruch an Ästhetik und Detailgenauigkeit zu gestalten.
Ein Teil von diesem Inhalt wurde mit KI gemacht.
