Motion

manim-video hilft dir dabei, klare, auf Manim basierende Erklärvideos für Diagramme, Workflows, Systemdiagramme, Produktdemos und Launch-Visuals zu planen und zu produzieren. Nutze die manim-video-Skill, wenn du eine präzise animierte Erklärung mit einem scene-first-Workflow möchtest, nicht einen Schnitt mit Talking Head. Sie enthält praxisnahe manim-video-Anleitungsschritte für Installation, Szenenplanung und Rendering.

liquid-glass-design hilft dir, Apples Liquid-Glass-System für iOS 26 in SwiftUI, UIKit und WidgetKit umzusetzen. Nutze es für glasige Buttons, Cards, Toolbars, Container und Widgets – mit Hinweisen zu Form, Tönung, Interaktivität und dazu, wann der Effekt zu einer echten UI passt.

frontend-slides hilft dir, animationsreiche HTML-Präsentationen von Grund auf zu erstellen oder PowerPoint-Dateien zu konvertieren. Nutze die frontend-slides-Skill für Talks, Pitch-Decks, Workshops, interne Demos und frontend-slides for UI Design, wenn du visuelle Exploration, Browser-Ausgabe ohne Abhängigkeiten und Folien willst, die genau in einen Viewport passen.

Nutze frontend-design, um markante Frontend-Oberflächen in Produktionsqualität mit einer klaren visuellen Haltung zu gestalten. Diese Skill ist für Landingpages, Dashboards, App-Shells und Komponenten gedacht, bei denen Hierarchie, Typografie, Bewegung und Feinschliff genauso wichtig sind wie die Implementierung. Enthalten sind Installations- und Nutzungshinweise für designorientierte UI-Arbeit.

Nutze das design-system Skill, um ein UI-System zu erstellen oder zu prüfen, Tokens aus bestehendem Code zu extrahieren und Styling-Konsistenz in realen Repos zu bewerten.

design-consultation ist ein design-consultation-Skill, der aus einer groben Produktidee eine vollständige Design-Richtung entwickelt. Er erstellt eine DESIGN.md als zentrale Referenz, Vorschauen und systemweite Leitlinien für Typografie, Farbe, Abstände, Layout und Motion. Besonders geeignet für neue Produkte und UI-Flächen, die einen stimmigen Ausgangspunkt brauchen.

ckm:design ist eine strukturierte Design-Skill für die Steuerung und Erstellung von Logos, CIP-Mockups, Bannern, Slides und SVG-Icons. Enthalten sind praxisnahe Referenzen, CSV-gestützte Optionen und Python-Skripte für wiederholbare Design-Workflows statt generischer Prompt-Ausgaben.

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.

react-native-design ist ein fokussierter Skill für React Native UI-Muster und behandelt StyleSheet-Styling, typisierte React Navigation und den Einsatz von Reanimated 3 für plattformübergreifende Screens.

overdrive ist ein GitHub-Skill für anspruchsvolle UI-Design-Arbeit mit Fokus auf Kontext, proposal-first Planung und außergewöhnliche Interaktionsqualität. Nutze ihn, um overdrive für cineastische Übergänge, responsive Interfaces und wirkungsstarke Produkterlebnisse zu installieren und einzusetzen.

quieter ist eine Verfeinerungs-Skill für UI-Design, die visuelle Aggressivität in lauten oder überstimulierenden Oberflächen reduziert, ohne Klarheit, Hierarchie und Markenabsicht zu opfern. Sie funktioniert am besten nach dem übergeordneten $impeccable Skill und hilft Teams, die Quellen der visuellen Intensität zu erkennen, bevor gezielte Anpassungen vorgenommen werden.

polish ist ein Skill für den finalen UI-Check, um vor dem Release Ausrichtung, Abstände, Konsistenz, Token-Nutzung und kleine Detailfehler aufzudecken. Er eignet sich am besten für Screens, Flows oder Komponenten, die grundsätzlich funktionieren, aber noch nicht ganz stimmig oder ausgereift wirken. Nutze ihn, um die Launch-Bereitschaft, die Abstimmung mit dem Design System und die Gesamtqualität zu verbessern, ohne unnötig neu zu gestalten.

impeccable hilft dir, markante, produktionsreife Frontend-UIs zu bauen statt generischer, nach KI aussehender Interfaces. Es unterstützt die Workflows craft, teach und extract für Seiten, Web Components, App-Oberflächen, Poster und andere designintensive Frontends. Damit ist das Skill nützlich für UI-Design, das Einrichten von Design-Kontext und die Extraktion wiederverwendbarer Muster.

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.

impeccable ist ein Skill für UI-Design und Frontend, mit dem sich markante, produktionsreife Oberflächen entwickeln lassen. Nutze `craft`, `teach` oder `extract`, um Designs auszuarbeiten, gezielte Referenzen zu laden und ausgereifte Komponenten, Seiten und Design-System-Patterns umzusetzen – mit klarerer Orientierung zu Installation und Nutzung.

bolder hilft dabei, sichere und austauschbare UI-Designs markanter zu machen, ohne die Usability zu verschlechtern. Erfahre, wann sich der Einsatz der bolder skill lohnt, warum der Schritt $frontend-design vorher erforderlich ist und wie du mit besseren Prompts, Diagnose und kontrollierter visueller Wirkung zu stärkeren Ergebnissen kommst.

frontend-design ist eine kontextorientierte Skill für markanten Frontend-UI-Code. Nutze sie, um Zielgruppe, Anwendungsfall und Markenton in bessere Layouts, Typografie, Farben, Motion, Interaktionszustände und UX-Texte für Seiten, Komponenten und Flows zu übersetzen.

Der polish Skill hilft Teams dabei, vor dem Release einen letzten UI-Qualitätscheck durchzuführen. Er eignet sich, um Abstände, Ausrichtung, Interaktionszustände, Texte und Edge Cases zu erkennen, nachdem die Oberfläche funktional fertig ist und der Designkontext bereits feststeht.

overdrive ist eine vom Nutzer auslösbare Skill für ambitioniertes UI-Design, die Interfaces über Standardkomponenten hinausführt. Sie setzt zuerst den Kontext `/frontend-design` voraus und fordert dich dann auf, zunächst Konzepte vorzuschlagen, bevor du fokussierte, wirkungsstarke Interaktionen umsetzt.

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.

bolder ist ein Skill für UI-Design, der blasse oder übervorsichtige Interfaces mit mehr Kontrast, Hierarchie und Persönlichkeit stärkt. Nutze ihn nach der Kontextsammlung mit /frontend-design oder – wenn kein Designkontext vorhanden ist – nach /teach-impeccable, um präzisere und besser umsetzbare Designverbesserungen zu erhalten, ohne die Nutzbarkeit zu beeinträchtigen.

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.

Die Skill quieter reduziert die visuelle Intensität im UI-Design. So lassen sich laute, harte oder überstimulierende Interfaces gezielt beruhigen, ohne Hierarchie, Klarheit oder Markencharakter zu verlieren. Am besten wird sie nach dem erforderlichen Workflow /frontend-design im Repository pbakaus/impeccable eingesetzt.

Der polish Skill unterstützt eine abschließende UI-Prüfung, um vor dem Launch Abstände, Ausrichtung, Texte, Zustände und Übergänge zu optimieren. Am sinnvollsten ist er, wenn ein Feature funktional abgeschlossen ist und Designkontext, ein klarer Qualitätsmaßstab sowie ein konkreter Screen, Flow oder eine bestimmte Komponente vorliegen.