ckm:ui-styling
von nextlevelbuilder
Erstellen Sie schöne, barrierefreie Benutzeroberflächen mit shadcn/ui-Komponenten (basierend auf Radix UI + Tailwind), Tailwind CSS Utility-First-Styling und canvas-basierten visuellen Designs. Verwenden Sie dies beim Erstellen von Benutzeroberflächen, Implementieren von Designsystemen, Entwickeln responsiver Layouts, Hinzufügen barrierefreier Komponenten (Dialoge, Dropdowns, Formulare, Tabellen), Anpassen von Designs und Farben, Implementieren des Dunkelmodus, Erstellen visueller Designs und Poster oder Festlegen einheitlicher Styling-Muster über Anwendungen hinweg.
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ckm:ui-stylingMehr Skills von nextlevelbuilder
ui-ux-pro-max
nextlevelbuilder
UI/UX-Design-Intelligenz für Web und Mobilgeräte. Enthält 50+ Stile, 161 Farbpaletten, 57 Schriftkombinationen, 161 Produkttypen, 99 UX-Richtlinien und 25 Diagrammtypen für 10 Stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui und HTML/CSS). Aktionen: Planen, Erstellen, Entwerfen, Gestalten, Implementieren, Überprüfen, Korrigieren, Verbessern, Optimieren, Erweitern, Refaktorisieren und Prüfen von UI/UX-Code. Projekte: Website, Landingpage, Dashboard, Admin-Panel, E-Commerce, SaaS, Portfolio, Blog und...
designdevelopmentcreative
ckm:design-system
nextlevelbuilder
Token-Architektur, Komponentenspezifikationen und Folien-Generierung. Drei-Schichten-Tokens (primitiv→semantisch→Komponente), CSS-Variablen, Abstands-/Typografie-Skalen, Komponentenspezifikationen, strategische Folien-Erstellung. Verwenden für Design-Tokens, systematisches Design, markenkonforme Präsentationen.
designdevelopmentcreative
ckm:design
nextlevelbuilder
Umfassende Design-Fähigkeit: Markenidentität, Design-Tokens, UI-Styling, Logo-Generierung (55 Stile, Gemini AI), Corporate-Identity-Programm (50 Liefergegenstände, CIP-Mockups), HTML-Präsentationen (Chart.js), Banner-Design (22 Stile, Social/Ads/Web/Print), Icon-Design (15 Stile, SVG, Gemini 3.1 Pro), Social Photos (HTML→Screenshot, Multi-Plattform). Aktionen: Logo designen, CIP erstellen, Mockups generieren, Folien bauen, Banner designen, Icon generieren, Social Photos erstellen, Social-Media-Bilder, Marke...
designcreativemedia
ckm:brand
nextlevelbuilder
Markenstimme, visuelle Identität, Messaging-Frameworks, Asset-Management, Markenkonsistenz. Aktivieren für Markeninhalte, Tonfall, Marketing-Assets, Markenkonformität, Styleguides.
designmarketingcreative
ckm:slides
nextlevelbuilder
Erstellen Sie strategische HTML-Präsentationen mit Chart.js, Design-Tokens, responsiven Layouts, Copywriting-Formeln und kontextuellen Folienstrategien.
designcreative
ckm:banner-design
nextlevelbuilder
Design-Banner für soziale Medien, Anzeigen, Website-Hero-Bereiche, kreative Assets und Druck. Mehrere Art-Direction-Optionen mit KI-generierten Bildern. Aktionen: Design, Erstellung, Banner-Generierung. Plattformen: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, Website-Hero, Print. Stile: minimalistisch, Verlauf, fette Typografie, fotobasiert, illustriert, geometrisch, Retro, Glassmorphismus, 3D, Neon, Duoton, Editorial, Collage. Nutzt ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal-Fähigkeiten.
designcreativemarketing
design-system
nextlevelbuilder
Token-Architektur, Komponentenspezifikationen und Folien-Generierung. Drei-Schichten-Tokens (primitiv→semantisch→Komponente), CSS-Variablen, Abstands-/Typografie-Skalen, Komponentenspezifikationen, strategische Folien-Erstellung. Verwendung für Design-Tokens, systematisches Design, markenkonforme Präsentationen.
designdevelopmentcreative
banner-design
nextlevelbuilder
Design-Banner für soziale Medien, Anzeigen, Website-Hero-Bereiche, kreative Assets und Druck. Mehrere Art-Direction-Optionen mit KI-generierten Bildern. Aktionen: Banner designen, erstellen, generieren. Plattformen: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, Website-Hero, Druck. Stile: minimalistisch, Farbverlauf, fette Typografie, fotobasiert, illustriert, geometrisch, Retro, Glassmorphism, 3D, Neon, Duotone, Editorial, Collage. Nutzt ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal-Fähigkeiten.