Teams benötigen ein konsistentes Interface-Styling für den Physical AI Hub. Diese Skill gibt Claude, Codex und Claude Code klare Designregeln für Farben, Typografie, Komponenten, Animationen und CSS-Dateien.

Frontend-Teams benötigen konsistente UI-Komponenten und Seitenabschnitte. Dieser Skill leitet Claude, Codex und Claude Code bei der Verwendung von Shadcn MCP und 21st.dev MCP an.

Teams verlieren Zeit damit, Theme-Entscheidungen in wiederholbare shadcn-Befehle zu übertragen. Diese Skill nutzt tweakcn-Referenzen, um ein Theme auszuwählen und die Installation anzuleiten.

Die Erstellung hochwertiger Logo-Assets erfordert oft mehrere Design- und Bereinigungsschritte. Diese Skill generiert ein Logo mit Replicate, entfernt den Hintergrund und speichert ein transparentes PNG.

Das Erstellen konsistenter Website-Bilder kann die Komponentenarbeit verlangsamen. Dieser Skill generiert, optimiert und speichert WebP-Assets mit Replicate und Sharp.

Teams benötigen konsistente visuelle Assets für Produktseiten, Dokumentation und Marketing-Screens. Dieser Skill unterstützt die DALL-E-Generierung und speichert Dateien in Asset-Ordnern des Projekts.

Influencer-Traffic springt häufig ab, wenn Landingpages nicht zur Botschaft des Creators passen oder das Angebot nicht verständlich darstellen. Dieser Skill prüft die inhaltliche Kontinuität und erstellt einen priorisierten Plan zur Conversion-Optimierung und für Tests.

E-Mail-Layouts funktionieren in verschiedenen Clients, im Dunkelmodus und bei blockierten Bildern häufig nicht korrekt. Diese Fähigkeit erstellt robustes HTML und dokumentiert clientspezifische Risiken.

Bild-Prompts für Bildungsinhalte erzeugen oft generische Diagramme, die das Lernziel verfehlen. Diese Skill wandelt Unterrichtskontext in fokussierte Kreativbriefings für lernendengerechte Visualisierungen um.

Teams benötigen konsistentes UX-Feedback, bevor sie Interface-Komponenten ändern. Diese Skill wendet ein dreiteiliges Framework für Position, visuelles Gewicht und Abstände an.

Kursteams benötigen konsistente Visualisierungen, die Konzepte schnell erklären. Diese Skill wandelt Creative Briefs in Gemini-Bildgenerierungsworkflows mit Qualitätsprüfungen und Dateiorganisation um.

Barrierefreiheitslücken können Nutzer ausschließen und Compliance-Risiken schaffen. Diese Skill unterstützt WCAG-Audits, Screenreader-Prüfungen, Tastaturtests und die Planung von Korrekturmaßnahmen.

Änderungen an FigJam-Plugins können fehlschlagen, wenn Haupt-Thread- und UI-APIs vermischt werden. Dieser Skill führt Claude, Codex und Claude Code durch die Projektstruktur, den Build-Ablauf und den Import-Workflow.

Generische Landingpages schaffen weder Vertrauen noch Aufmerksamkeit. Dieser Skill führt Claude, Codex und Claude Code durch Discovery, Struktur, visuelle Ausrichtung, Animation und conversion-orientierten Feinschliff.

KI-Bildgeneratoren verändern häufig das Gesicht, die Farben, die Kleidung und die Proportionen eines Charakters zwischen verschiedenen Bildern. Dieser Skill bietet Workflows für Referenzbögen, Beschreibungsanker, Farbpaletten und LoRAs, um konsistentere Ergebnisse zu erzielen.

Visuelle Dateien können Fehler, Layoutprobleme und wichtigen Text verbergen. Diese Skill hilft Claude, Codex oder Claude Code dabei, Screenshots, Diagramme und Mockups mit präzisen Beobachtungen zu prüfen.

Designer und Entwickler benötigen oft schnell Vektorgrafiken aus einer schriftlichen Idee. Diese Skill erzeugt ein Bild mit Gemini, vektorisiert es und speichert eine SVG-Datei.