390 Skills
📦

frontend-design

Sicher 73

Entwickeln Sie unverwechselbare Frontend-Oberflächen, die herausstechen

von pbakaus

Generischer KI-generierter Code erzeugt vergessliche, vorlagenbasierte Designs. Dieses Skill vermittelt eine kühne ästhetische Richtung und produktionsreife Implementierung, die einprägsame Benutzererlebnisse schafft.

Claude Codex Code(CC)
Installieren
📦

delight

Sicher 70

Transformieren Sie Interfaces mit bezaubernden Mikrointeraktionen

von pbakaus

Funktionale Interfaces wirken oft kalt und mechanisch. Diese Skill fügt strategische Momente der Freude und Persönlichkeit hinzu, die Nutzer zum Lächeln bringen und gleichzeitig die Benutzerfreundlichkeit erhalten.

Claude Codex Code(CC)
Installieren
🎨

critique

Sicher 66

Kritisieren Sie Ihr Design

von pbakaus

Erhalten Sie professionelles UX-Design-Feedback, das KI-generierte Muster, Probleme mit der visuellen Hierarchie und umsetzbare Verbesserungen identifiziert, um Ihre Schnittstelle aufzuwerten.

Claude Codex Code(CC)
Installieren
🎨

colorize

Sicher 69

Fügen Sie strategische Farbe zu Ihren Designs hinzu

von pbakaus

Verwandeln Sie graue, leblose Oberflächen in warme, ansprechende Erlebnisse. Diese Fähigkeit wendet gezielte Farbtheorie an, um die visuelle Hierarchie und die Benutzerfreude zu verbessern.

Claude Codex Code(CC)
Installieren
📦

clarify

Sicher 70

Unklare UX-Texte und Fehlermeldungen verbessern

von pbakaus

Verwirrende Interface-Texte frustrieren Benutzer und erhöhen die Supportkosten. Dieser Skill transformiert Fachjargon, mehrdeutige Beschriftungen und schlechte Fehlermeldungen in klare, benutzerfreundliche Texte, die Benutzer effektiv durch die Anwendung führen.

Claude Codex Code(CC)
Installieren
🎨

bolder

Sicher 69

Langweilige Designs in mutige Erlebnisse verwandeln

von pbakaus

Hören Sie auf, sich mit generischen, einprägungslosen Schnittstellen zufriedenzugeben. Diese Fähigkeit hilft Claude, visuell beeindruckende Designs zu erstellen, die Benutzer fesseln und gleichzeitig Usability- und Barrierefreiheitsstandards einhalten.

Claude Codex Code(CC)
Installieren
📦

audit

Sicher 69

Audit der Schnittstellenqualität

von pbakaus

Schlechte Schnittstellenqualität beeinträchtigt die Benutzererfahrung und schließt Benutzer mit Behinderungen aus. Diese Fähigkeit bietet systematische Audits in den Bereichen Barrierefreiheit, Leistung, Theming und responsives Design, um Probleme zu identifizieren, bevor sie in die Produktion gelangen.

Claude Codex Code(CC)
Installieren
📐

arrange

Sicher 69

Layouts mit gezielter Spacing und Rhythmus gestalten

von pbakaus

Monotone Raster und willkürliche Abstände eliminieren. Diese Skill bietet einen systematischen Ansatz zur Schaffung visueller Hierarchien durch gezielte Spacing, variierten Rhythmus und strukturierte Layouts, die das Auge zu dem führen, was wichtig ist.

Claude Codex Code(CC)
Installieren

animate

Sicher 69

Zweckorientierte Animationen und Mikro-Interaktionen hinzufügen

von pbakaus

Statische Schnittstellen wirken unvollständig und verpassen Gelegenheiten, Benutzer zu leiten. Diese Fähigkeit hilft Ihnen, strategisch Bewegung hinzuzufügen, die Feedback gibt, das Verständnis verbessert und wunderbare Erlebnisse schafft, ohne Benutzer zu überfordern.

Claude Codex Code(CC)
Installieren
📦

adapt

Sicher 69

Designs für jeden Bildschirm oder jede Plattform anpassen

von pbakaus

Sie haben Schwierigkeiten, Ihr Design für mobile Geräte, Tablets, Desktops, Print oder E-Mail nutzbar zu machen? Dieser Skill bietet Expertenhilfe zur Anpassung von Designs an verschiedene Kontexte unter Beibehaltung von Konsistenz und Benutzerfreundlichkeit.

Claude Codex Code(CC)
Installieren
📦

liquid-glass

Sicher 70

Liquid Glass-Effekte zu SwiftUI-Apps hinzufügen

von patrickserrano

Der Bau moderner iOS-Oberflächen erfordert die Implementierung fortgeschrittener visueller Effekte. Dieser Skill bietet Richtlinien und Code-Beispiele für die Verwendung der iOS 26+ Liquid Glass API, um Unschärfe, Reflexion und interaktive Glasflächen in SwiftUI zu erstellen.

Claude Codex Code(CC)
Installieren
📱

app-store-screenshots

Sicher 70

Erstellen Sie App Store-Screenshots mit Claude

von ParthJadhav

Das Erstellen professioneller App Store-Screenshots ist mühsam und zeitaufwendig. Dieser Skill generiert marketingoptimierte iOS-Screenshots in den von Apple erforderlichen Auflösungen mit Next.js und html-to-image.

Claude Codex Code(CC)
Installieren
🎨

mulerouter

Sicher 81

KI-Bilder und Videos mit MuleRouter erstellen

von openmule

Die Erstellung professioneller KI-generierter Medien erfordert komplexe API-Integrationen und Modellverwaltung. Die MuleRouter-Skill vereinfacht dies, indem sie eine einheitliche Schnittstelle für die Erstellung von Bildern und Videos mit modernsten KI-Modellen bereitstellt.

Claude Codex Code(CC)
Installieren
📦

ckm:design

Mittleres Risiko 68

Designen Sie Logos, Markenidentitäten und Social-Media-Visuals mit KI

von nextlevelbuilder

Professionelle Designs zu erstellen, erfordert normalerweise die Beauftragung eines Designers oder das Erlernen komplexer Software. Diese Kompetenz generiert Logos, Markenidentitätsdokumente, Social-Media-Bilder, Banner, Symbole und Präsentationen direkt aus Ihren Beschreibungen mithilfe von KI.

Claude Codex Code(CC)
Installieren
📦

ckm:design-system

Niedriges Risiko 72

Design-Tokens generieren, Nutzung validieren und markenkonforme Folien erstellen

von nextlevelbuilder

Designsysteme brechen oft, wenn Tokens nicht konsistent über die Ebenen Primitive, Semantisch und Komponente angewendet werden. Dieses Skill generiert CSS-Variablen aus JSON-Token-Definitionen, validiert die Token-Nutzung im Code und erstellt markenkonforme Slide-Präsentationen mit Chart.js-Integration.

Claude Codex Code(CC)
Installieren
📦

gif-sticker-maker

Mittleres Risiko 68

Erstelle animierte GIF-Sticker aus Fotos

von MiniMax-AI

Verwandle jedes Foto in einen Satz von vier animierten Stickern im charakteristischen Funko Pop 3D-Figurenstil. Diese Skill verarbeitet den kompletten Workflow von der Bilderzeugung über die Animation bis zum finalen GIF-Output und benötigt nur ein Quellfoto und einen MiniMax API-Schlüssel.

Claude Codex Code(CC)
Installieren
🎨

design-style-skill

Sicher 70

Visuelles Design-System auf PPT-Folien anwenden

von MiniMax-AI

Inkonsistentes Styling lässt Präsentationsfolien unprofessionell und ablenkend wirken. Dieses Skill bietet vier vordefinierte Design-Stil-Rezepte mit präzisen Eckenradius- und Abstandswerten, damit jede Folie einem einheitlichen visuellen System folgt.

Claude Codex Code(CC)
Installieren
📦

color-font-skill

Sicher 71

Fügen Sie Farbpaletten und Schriftkombinationen zu Präsentationen hinzu

von MiniMax-AI

Die Auswahl von Farben und Schriftarten für Präsentationen nimmt Zeit in Anspruch und führt oft zu inkonsistenten Designs. Dieser Skill bietet kuratierte, markensichere Farbpaletten und Schriftkombinationen, die für PowerPoint-Folien optimiert sind.

Claude Codex Code(CC)
Installieren
🎨

design-an-interface

Sicher 74

Bessere Schnittstellen mit parallelen Sub-Agenten entwerfen

von mattpocock

Designer begnügen sich oft mit der ersten Schnittstellenidee, ohne Alternativen zu erkunden. Dieser Skill wendet die 'Design It Twice'-Methodik an und nutzt parallele Sub-Agenten, um radikal unterschiedliche Schnittstellendesigns für Vergleich und Synthese zu generieren.

Claude Codex Code(CC)
Installieren
🖼️

nano-image-generator

Sicher 76

Bilder mit Gemini 3 Pro und Stilreferenzen generieren

von lxfater

Das Erstellen visueller Assets für Projekte erfordert oft teure Design-Tools oder manuelle Illustrationen. Diese Fähigkeit ermöglicht die sofortige Bildgenerierung mit der Google Gemini 3 Pro Preview API mit Unterstützung für Referenzbilder, um konsistenten Stil und Charaktererscheinung über mehrere Assets hinweg zu gewährleisten.

Claude Codex Code(CC)
Installieren