Schluss mit dem manuellen Programmieren von UI-Komponenten von Grund auf. Dieser Skill generiert barrierefreie, responsive UI-Komponenten und Feedback-Formulare mit shadcn/ui und modernen Best Practices.

Das Erstellen von 3D-Web-Inhalten erfordert das Verständnis von WebGL, Shaders und 3D-Grafikprogrammierung. Diese Fähigkeit generiert vollständige Three.js-Anwendungen mit Szeneneinrichtung, Beleuchtung, Materialien, Animationen und responsivem Rendering unter Verwendung moderner ES-Module.

Erstellen Sie einprägsame Webkomponenten und Seiten mit polierter Ästhetik. Vermeiden Sie generische KI-generierte Visuals und entwickeln Sie memorable, hochwertige Benutzeroberflächen.

Spieleentwickler, die Kampf-Interfaces erstellen, benötigen konsistente, gut konzipierte UI-Komponenten. Diese Skill bietet vollständige Implementierungsanleitung einschließlich TypeScript-Interfaces, CSS-Grid-Layouts, Animationsspezifikationen und responsive Styling-Tokens für das Pattern-A-Kampf-UI-System.

Die Definition eines konsistenten visuellen Stils ist für die Projektkohärenz unerlässlich, doch viele Kreative haben Schwierigkeiten, ihre ästhetische Vision zu artikulieren. Dieser Skill bietet ein strukturiertes 10-Schritte-Framework zur Erstellung detaillierter Art-Style-Guides, die Farbtheorie, Linienführung, Formen, Komposition, Beleuchtung und technische Spezifikationen abdecken.

Bilder von Grund auf zu erstellen erfordert Zeit und Können. Mit diesem Skill können Sie Bilder mithilfe natürlichsprachlicher Eingaben mit Gemini AI generieren. Beschreiben Sie einfach, was Sie möchten, und erhalten Sie in Sekunden professionelle Ergebnisse.

Sie benötigen originelle visuelle Kunst, die durch Form und Raum kommuniziert. Dieser Skill entwickelt eine visuelle Philosophie und erstellt ausgefeilte PNG- oder PDF-Kunstwerke.

Das Erstellen von GIFs für Slack erfordert sorgfältige Optimierung, um strenge Dateigrößenbeschränkungen einzuhalten. Dieses Toolkit bietet Validatoren, Animations-Primitive und Optimierungswerkzeuge, damit Sie Nachrichten-GIFs und Emoji-Reaktionen erstellen können, die erfolgreich hochgeladen werden.

Die Erstellung generativer Kunst erfordert künstlerische Vision und technisches Können. Diese Skill hilft Ihnen, einzigartige, reproduzierbare generative Kunst mit p5.js zu erstellen, mit Parametersteuerungen zur Erkundung. Sie können Strömungsfelder, rekursive Muster, Partikelsysteme und mehr erstellen.

Verwandeln Sie Ideen in atemberaubende visuelle Kunst mit anspruchsvollen Design-Philosophien. Diese Anleitung hilft der KI, professionelle Poster und Kunstwerke zu erstellen, die wie von Meisterdesignern sorgfältig gefertigt wirken.

Sie müssen konsistente Markenfarben und Typografie auf Dokumente oder Präsentationen anwenden. Diese Fähigkeit bietet offizielle Anthropic-Markenrichtlinien einschließlich Farben, Schriftarten und Styling-Regeln für markenkonforme visuelle Ausgaben.

Das Erstellen von algorithmischer Kunst erfordert spezialisiertes Wissen über generative Systeme, deterministische Zufallszahlen und p5.js. Diese Fertigkeit bietet einen strukturierten Ansatz zur Erstellung origineller generativer Kunstwerke durch algorithmische Philosophie und interaktive Parameter-Exploration.

Tailwind CSS V4 bringt revolutionäre Änderungen mit seiner Oxide-Engine und der CSS-first-Konfiguration. Diese Skill bietet Expertenhilfe für die Migration, Performance-Optimierung und den Aufbau moderner Designsysteme.

Generisch aussehende Interfaces verfehlen die Aufmerksamkeit der Nutzer und verwässern die Markenidentität. Diese Skill leitet KI-Assistenten an, mutige, einprägsame Frontend-Designs mit einzigartiger Ästhetik, starker visueller Hierarchie und produktionsreifer Code-Qualität zu erstellen.

Ihre Assets entsprechen möglicherweise nicht den Anthropic-Markenstandards. Diese Skill bietet offizielle Farben und Typografie-Richtlinien für ein konsistentes Styling all Ihrer Materialien.

Das Erstellen konsistenter Desktop-Designs über mehrere Anwendungen hinweg ist komplex und zeitaufwendig. Omarchy-Theming bietet eine zentrale colors.toml-Konfiguration, die automatisch Designs für alle Desktop-Anwendungen generiert, einschließlich Terminals, Fenster-Manager und Systemtools.

KI-Agent-Produkte haben oft lange Wartezeiten, die zu Benutzerängsten und Abbruch führen. Dieses Skill prüft, wie Anwendungen langlaufende Operationen mit Browser-Automatisierung handhaben, und erstellt umfassende Berichte mit priorisierten Empfehlungen.

Das Erstellen barrierefreier React-Komponenten erfordert das Verständnis von ShadCN-Mustern und Radix UI-Primitiven. Diese Fähigkeit bietet Best Practices für die Implementierung barrierefreier Modals, Formulare und anderer Komponenten unter Verwendung von TailwindCSS und Standards vom November 2025.

Das Erstellen flüssiger Animationen für ShadCN UI-Komponenten erfordert das Verständnis von Framer Motion-Mustern. Dieser Skill bietet sofort einsatzbereite Code-Muster für Einblendungen, Hover-Effekte, Dialog-Animationen, Seitenübergänge und Lade-Skelette.

KI greift oft auf generische, überstrapazierte Designmuster zurück, die Interfaces sofort als maschinell generiert erkennbar machen. Diese Fertigkeit bietet spezifische Alternativen für Typografie, Farbe, Bewegung und Tiefe, um professionelle, markenbezogene Interfaces zu erstellen.