Layout

typeset verbessert die UI-Typografie, indem Schriftwahl, Hierarchie, Größen, Schriftstärken und Lesbarkeit geprüft werden. Am besten nach /frontend-design einsetzen und bei fehlendem Kontext mit /teach-impeccable kombinieren, um generischen Text in ein klareres, bewusster gestaltetes Typografie-System zu überführen.

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.

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.

distill ist ein Skill zur Vereinfachung von UI-Designs, der Screens auf ihre wesentliche Aufgabe reduziert. Nutze ihn, um Oberflächen zu entrümpeln, visuelles Rauschen zu verringern und die Hierarchie klarer zu machen. Am besten funktioniert er nach /frontend-design, mit einem konkreten Screen, einem primären Nutzerziel und klar definierten Muss-Vorgaben.

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.

Die colorize Skill hilft Teams, grauen oder flachen UI-Designs gezielt Farbe zu geben. Sie zeigt, wo Farbe eingesetzt werden sollte, warum sie wichtig ist und wie sie sich im bestehenden Markenkontext, in der Hierarchie, bei semantischen Zuständen und im Tonfall sinnvoll nutzen lässt. Am besten nach /frontend-design einsetzen, um verlässlichere Farbentscheidungen zu treffen.

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.

Die arrange Skill hilft dabei, UI-Layouts, Abstände, Gruppierung und visuelle Hierarchie zu verbessern. Erfahre, wann sie sinnvoll ist, wie die arrange-Installation über das GitHub-Repo funktioniert und wie du arrange mit dem Kontext `/frontend-design` für bessere UI-Design-Entscheidungen einsetzt.