Color

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.

visual-design-foundations unterstützt Teams dabei, praxistaugliche UI-Systeme mit Typografie-Skalen, Farb-Token, Abstandsregeln und Richtlinien für Ikonografie aufzubauen. Nutzen Sie die Skill, um eine belastbare Design-Basis zu schaffen, Styleguides zu erstellen, Hierarchien zu prüfen und aus klaren Designvorgaben CSS-Variablen für die Implementierung abzuleiten.

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.

brandkit ist eine Premium-Skill zur Bildgenerierung für Branding-Arbeit – inklusive Logo-Systemen, Identity-Decks, visuellen Guideline-Boards und art-directed Markenpräsentationen. Der Skill ist auf kohärente, studioähnliche Ergebnisse ausgelegt, von Start-ups über Developer Tools, Security und Gaming bis hin zu Consumer Apps und Luxuskonzepten. Nutze brandkit, wenn du eine ausgearbeitete Markenwelt statt eines generischen KI-Moodboards willst.

Das industrial-brutalist-ui Skill für UI-Design erzeugt mechanische, hochdichte Interfaces mit Swiss-Style-Grids, extremem Typokontrast, utilitaristischen Farbpaletten und analoger Textur. Verwenden Sie diesen industrial-brutalist-ui Leitfaden für Dashboards, Redaktionssysteme und Portfolio-Seiten, die eine disziplinierte Control-Panel-Ästhetik brauchen.

Die colorize Skill unterstützt UI-Teams dabei, grauen oder flachen Interfaces gezielt Farbe zu geben. Erfahren Sie, wann sie sinnvoll ist, welchen Kontext sie benötigt und wie sie in den impeccable-Workflow mit $frontend-design und markenbewussten Farbentscheidungen passt.

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.

distill ist ein UI-Design-Skill, der Screens, Komponenten und Flows auf ihr wesentliches Ziel reduziert. Nutze ihn, um Unordnung, visuelles Rauschen und schleichende Funktionsaufblähung zu verringern. Beachte aber, dass distill von /frontend-design abhängt und vor dem Einsatz teils auch /teach-impeccable benötigt.

Erfahren Sie, wie der colorize Skill grauen oder flachen UI-Designs gezielt Farbe verleiht. Dieser Guide erklärt die nötige Vorbereitung mit frontend-design, den Installationskontext aus dem Repository und die praktische Nutzung für Hierarchie, Semantik und Markenpassung.

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.

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.

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

baoyu-cover-image unterstützt Agenten dabei, strukturierte Prompts für Artikel-Coverbilder anhand von Typ, Farbpalette, Rendering, Text und Stimmung zu erstellen. Es unterstützt die Formate 2.35:1, 16:9 und 1:1, enthält Regeln zur automatischen Auswahl sowie Hinweise zur Kompatibilität und eignet sich für wiederholbare redaktionelle Workflows und UI-Design-Coverprozesse.

Das Infographic-Skill wandelt strukturierte Inhalte mit der `infographic`-DSL in sauber gestaltete Infografik-Layouts um. Es eignet sich für KPI-Karten, Zeitachsen, Roadmaps, Schritt-für-Schritt-Abläufe, A-vs-B-Vergleiche, SWOTs, Funnels, Organigramme und einfache Diagramme. Besonders passend ist es für Infografiken im UI-Design und für präsentationsartige Zusammenfassungen mit 4–8 Punkten. Weniger geeignet ist es für komplexe Datenanalysen oder technische Diagramme.

high-end-visual-design ist ein Premium-Skill für UI-Design-Richtungen, um redaktionelle, filmische und sorgfältig ausgearbeitete Oberflächen zu gestalten. Er hilft der KI, generische Layouts zu vermeiden, indem er Schriften, Abstände, Schatten, Bewegung und Komposition für Landingpages, Marketingseiten, Dashboards und polierte App-Oberflächen vorgibt.

Die minimax-pdf-Skill hilft dir, ansprechende PDFs zu erstellen, auszufüllen oder umzubauen, wenn visuelle Qualität und Dokumentenidentität wichtig sind. Nutze sie für CREATE-, FILL- oder REFORMAT-Workflows mit einem tokenbasierten Designsystem, das Rohmaterial in druckreife Ergebnisse verwandelt. Dieser Leitfaden behandelt die Installation von minimax-pdf, die Nutzung von minimax-pdf und die Wahl der passenden Route für bessere Ergebnisse.

teach-impeccable ist eine Skill für die einmalige Einrichtung: Sie scannt dein Repo, stellt nur die noch offenen Fragen zu UX und Marke und speichert dauerhafte Designleitlinien für künftige AI-Sitzungen.

quieter ist ein Skill zur Verfeinerung von UI-Designs, der die visuelle Intensität reduziert, ohne Hierarchie, Marke und Nutzbarkeit zu beeinträchtigen. Am besten funktioniert er nach /frontend-design und bei Bedarf nach /teach-impeccable. So können Teams überladene Interfaces beruhigen, ohne ein komplettes Redesign anzustoßen.