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.
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.
X-Post:Kailash
Kailash empfiehlt fünf spezialisierte Agenten- und Prompt-Skills von ui-skills.com, mit denen Entwickler und KI-Assistenten die Qualität von Frontend-Designs, flüssigen Animationen, Schatten und Barrierefreiheit verbessern können.
7289Lesezeichen248.342Aufrufe
Dieser Inhalt wurde teilweise mithilfe von KI erstellt.
