Motion

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 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.

overdrive ist ein GitHub-Skill für ambitioniertes UI-Design. Er hilft Teams dabei, wirkungsstarke, kontextbezogene Interaktionen auszuwählen und umzusetzen. Nutzen Sie ihn, um auffällige Motion, performance-intensive UI und ausgefeilte fortgeschrittene Abläufe zu planen – mit der nötigen Design-Vorbereitung vor der Implementierung.

frontend-design ist ein designorientierter Skill für die Entwicklung hochwertiger Frontend-UIs mit besserem Kontext, klarerer Hierarchie, Barrierefreiheit und responsivem Verhalten. Nutze ihn, um den Skill zu installieren, die zentralen Referenzen zu lesen und praxisnahe Hinweise für bessere Komponenten, Seiten und App-Screens anzuwenden.

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.

bolder ist eine UI-Design-Skill, die blasse oder übervorsichtige Interfaces mit stärkerer Hierarchie, mehr Kontrast und mehr Persönlichkeit aufwertet, ohne die Usability zu beeinträchtigen. Am besten nach /frontend-design einsetzen und zusätzlich /teach-impeccable nutzen, wenn Kontext fehlt – idealerweise mit einem konkreten Ziel wie einer Seite, einem Abschnitt oder einer Komponente.

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.