Typography

theme-factory ist ein kuratiertes Theming-Skill für Folien, Dokus, Reports und Landingpages. Sichtung der Showcase, Auswahl aus 10 Preset-Themes, dann konsistente Farben und Schriftkombinationen fürs Artifact anwenden.

canvas-design unterstützt originale statische Visuals in zwei Schritten: erst eine Designphilosophie in Markdown formulieren, dann als .png oder .pdf ausgeben. Am besten für Poster, Cover-Art, Konzeptvisuals und kampagnennahe UI-Grafiken mit wenig Text.

ui-ux-pro-max ist eine umfassende KI-Unterstützung für UI/UX-Design. Die Skill bietet strukturierte Empfehlungen zu Layouts, Stilen, Farbsystemen, Typografie und UX-Regeln für Web- und Mobile-Projekte. Ideal für Entwickler und Teams, die praxisnahe Designentscheidungen für React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter und HTML/CSS treffen möchten. Perfekt zum Planen, Überprüfen und Optimieren von UIs mit kuratiertem Designwissen.

ckm:ui-styling unterstützt Sie beim Erstellen barrierefreier, produktionsreifer Benutzeroberflächen mit shadcn/ui, Tailwind CSS und Canvas-basiertem Design. Optimal für React-Projekte, die strukturierte, responsive Layouts, zugängliche Komponenten, Dark Mode und konsistente Designsysteme benötigen. Nutzen Sie ckm:ui-styling für UI-Design, Theming und schnelles Prototyping mit praxisnahen, stack-spezifischen Tipps.

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.

ckm:brand ist ein Skill für Branding-Workflows zum Erstellen, Aktualisieren und Prüfen von Markenrichtlinien, Messaging, Tonalität, visueller Identität und Design-Token-Sync mit praxisnahen Skripten und Checklisten.

ckm:banner-design unterstützt bei Bannern, Covern, Headern, Display Ads und Hero-Grafiken für Websites – mit strukturierten Briefings, größenbewusstem Workflow und mehreren Gestaltungsrichtungen. Ideal für UI-Design, Marketing-Creatives und plattformspezifische Bannerkonzepte mit SKILL.md plus der Referenz zu Bannergrößen und -stilen.

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 normalize Skill prüft ein UI-Feature und richtet es wieder an Ihrem Design System aus. Erfahren Sie, in welchem Kontext sich normalize installieren lässt, welche Vorbereitung mit /frontend-design nötig ist und wie die Skill praktisch für Seiten, Routen und Komponenten eingesetzt wird.

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.

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.