Das Erstellen von responsiven Web-Layouts, die auf allen Geräten funktionieren, ist komplex und fehleranfällig. Diese Fähigkeit bietet Claude klare Richtlinien zu Mobile-First-Designprinzipien, flüssigen Containern, relativen Einheiten und touchfreundlichen Interaktionen, um sicherzustellen, dass Ihre Web-Projekte nahtlos von Mobile bis Desktop skalieren.

Das Schreiben von CSS ohne konsistente Methodik führt zu Wartungsproblemen und inkonsistentem Styling in verschiedenen Projekten. Diese Fähigkeit bietet strukturierte Anleitungen zur Anwendung von Industriestandard-Ansätzen wie Tailwind, BEM und CSS Modules, um saubere, wartbare und skalierbare Stylesheets zu gewährleisten.

Präsentationen und Dokumente weisen oft keine visuelle Konsistenz auf. Diese Fähigkeit bietet 10 kuratierte Themen mit Farbpaletten und Schriftkombinationen. Wenden Sie sofort ein Thema auf jede Foliensammlung oder jedes Dokument für professionelles Styling an.

Slack hat strenge Größenbeschränkungen für GIFs (64KB für Emojis, 2MB für Nachrichten). Dieses Toolkit erstellt optimierte Animationen, die diese Einschränkungen erfüllen und gleichzeitig professionelle Animationseffekte bieten.

Unscharfe Screenshots und niedrig aufgelöste Bilder schaden Ihrem professionellen Auftritt. Diese Skill nutzt KI, um Ihre Bilder hochzuskalieren, zu schärfen und zu optimieren für kristallklare Präsentationen und Dokumentationen.

Die Erstellung originaler visueller Kunst erfordert ein tiefes Verständnis ästhetischer Prinzipien und Typografie. Dieser Skill übersetzt abstrakte Designphilosophien in konkrete visuelle Kompositionen unter Verwendung professioneller Schriftarten und handwerklicher Meisterschaft.

Die Aufrechterhaltung einer konsistenten Markenidentität über Dokumente und Präsentationen hinweg kann zeitaufwändig und fehleranfällig sein. Diese Skill bietet sofortigen Zugriff auf die offiziellen Markenfarben, Typografie und Styling-Richtlinien von Anthropic, um professionelle, markenkonforme visuelle Inhalte zu gewährleisten.

Benutzer benötigen professionelle SVG-Logos, verfügen aber nicht über Design-Tools oder Programmierkenntnisse. Diese Fähigkeit generiert geometrische Logos mit Python unter Verwendung von skalierbaren Vektorgrafiken, benutzerdefinierten Farbpaletten und sauberen Designprinzipien.

Mathematische Konzepte in atemberaubende visuelle Kunst verwandeln. Dieser Skill bietet geführte Vorlagen für die Erstellung reproduzierbarer generativer Kunstwerke mit Seed-basiertem Zufall und interaktiven Steuerungen.

Benutzer benötigen Anleitung zur Bedienung eines komplexen WebGL- und WebAudio-Synthesizers. Dieser Skill bietet Schritt-für-Schritt-Anleitungen für Bühnenaufbau, Leistungssteuerung, Szenengestaltung und Aufnahme-Workflows für das Orthonotone polychorale Instrument.

Das Erstellen von SwiftUI-Views erfordert ein Verständnis von Navigationsarchitektur, Komponentenmustern und State-Management. Dieses Skill bietet sofort einsetzbare Patterns für Tabs, Sheets, Listen, Grids und mehr, damit Sie schneller ausliefern können mit weniger Bugs.

Das Erstellen moderner iOS-Oberflächen mit Liquid Glass erfordert das Verständnis der spezifischen APIs und Designmuster von Apple. Diese Fertigkeit bietet sofort einsetzbare Code-Muster und Review-Checklisten für die korrekte Implementierung von Glass-Effekten.

Generiere professionelles, barrierefreies CSS, das der klaren shadcn/ui-Ästhetik entspricht. Diese Skill bietet umfassende Muster für CSS-Variablen, HSL-Farben, Spacing-Skalen und moderne Layout-Techniken.

Ihre Web-App sieht anständig aus, aber es fehlt ihr die erstklassige Politur. Nutzen Sie diesen iterativen Workflow, um UI/UX schrittweise für Desktop und Mobile zu verbessern und durch mehrere fokussierte Durchgänge eine visuelle Qualität auf Stripe-Niveau zu erreichen.

Die Erstellung barrierefreier Weboberflächen stellt sicher, dass alle Nutzer Ihre Anwendungen verwenden können, einschließlich Menschen mit Behinderungen. Dieser Skill erzwingt WCAG-Standards, korrekte ARIA-Attribute, Tastaturnavigation und Kompatibilität mit Bildschirmleseprogrammen in Ihren React-Komponenten.

Die Erstellung einzigartiger, visuell ansprechender Web-Oberflächen ist herausfordernd und zeitaufwändig. Diese Skill unterstützt die Entwicklung von produktionsreifen Frontend-Code mit bewussten ästhetischen Entscheidungen, vermeidet generische KI-generierte Ästhetik und liefert ausgefeilte, einprägsame Designs.

Entwickler und Designer benötigen konsistente, barrierefreie und visuell ansprechende Oberflächen, verfügen jedoch nicht über umfassendes Designwissen. UI/UX Pro Max bietet sofortigen Zugriff auf über 50 Designstile, Farbpaletten, Typografie-Kombinationen und Framework-spezifische Best Practices durch einfache Schlüsselwortsuchen.

Die Erstellung von Benutzer-Personas aus Rohdaten ist zeitaufwändig und oft inkonsistent. Dieses Toolkit analysiert Benutzerverhaltensmuster, Demografien und Interview-Erkenntnisse, um automatisch forschungsbasierte Personas mit Konfidenzbewertung und Designimplikationen zu generieren.

Die manuelle Erstellung konsistenter Design-Systeme erfordert viel Zeit und führt oft zu inkonsistenten Implementierungen. Dieses Toolkit automatisiert die Generierung von Design-Tokens für Farben, Typografie und Abstände, gewährleistet visuelle Harmonie über alle Komponenten hinweg und exportiert entwicklerfreundlichen Code.

Die Erstellung konsistenter, professioneller visueller Themes für Präsentationen und Dokumente erfordert erheblichen Designaufwand. Dieses Skill bietet 10 kuratierte Farb- und Schriftkombinationen, die sofort auf jedes Artefakt angewendet werden können, sowie die Möglichkeit, bei Bedarf benutzerdefinierte Themes zu generieren.