Claude kann automatisch UI-Code gegen etablierte Webdesign-Richtlinien überprüfen und dabei Barrierefreiheitsprobleme, Benutzerfreundlichkeitsprobleme und Verstöße gegen Best Practices erkennen, bevor sie bereitgestellt werden. Diese Fähigkeit ruft die neuesten Richtlinien ab und führt eine statische Analyse durch, um Verbesserungen zu identifizieren.

Erstellen Sie moderne KI-Chat-Komponenten mit vorgefertigten, zusammensetzbaren UI-Elementen, die shadcn/ui-Muster und Vercel AI SDK-Konventionen folgen.

Sie benötigen eine konsistente visuelle Gestaltung über Dokumente und Präsentationen hinweg. Diese Skill bietet 10 kuratierte Designs und kann benutzerdefinierte Designs basierend auf Ihren Anforderungen generieren. Wenden Sie passende Farben und Schriften auf Folien, Dokumente und Berichte an.

Das Erstellen animierter GIFs für Slack erfordert bestimmte Abmessungen, Farblimits und Bildraten, damit sie korrekt angezeigt werden. Diese Skill stellt Werkzeuge bereit, um GIFs zu erstellen, die die Slack-Anforderungen mit sanften Easing-Funktionen und visuellen Effekten erfüllen.

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.

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.

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.

Erstellen Sie hochwertige Bilder für Präsentationen, Dokumente und Publikationen mit KI-Modellen. Generieren Sie originelle Kunstwerke oder bearbeiten Sie bestehende Bilder mit einfachen Text-Prompts. Greifen Sie über die OpenRouter-API auf FLUX- und Gemini-Modelle zu.

Verwandeln Sie Inhalte in ansprechende Infografik-Serien im Xiaohongshu-Stil. Wählt automatisch visuelle Stile und Layouts basierend auf Inhaltsanalyse aus. Generiert 1-10 Bilder im Cartoon-Stil, optimiert für die Xiaohongshu-Plattform.

Benutzer haben Schwierigkeiten, geschriebene Inhalte in visuelle Präsentationen umzuwandeln. Diese Skill analysiert Inhalte, erstellt umfassende Präsentationsdispositionen mit Stilvorgaben und erstellt einzelne Folienbilder mithilfe der KI-Bilderzeugung.

Erstellen Sie hochwertige KI-generierte Bilder, ohne Ihre Entwicklungsumgebung zu verlassen. Unterstützt mehrere Anbieter, Seitenverhältnisse und Referenzbilder für präzise visuelle Kontrolle.

Zugriff auf Google Gemini Web für KI-gestützte Textgenerierung und Bilderstellung. Verwendet browserbasierte Authentifizierung für sichere Google-Anmeldung. Bietet eine Grundlage für andere baoyu-Skills, die Gemini-Funktionen benötigen.

Das Erstellen visuell ansprechender Cover-Bilder für Artikel erfordert Design-Kenntnisse und Bildgenerierungs-Tools. Diese Skill analysiert Ihren Inhalt und generiert automatisch elegante handgezeichnete Cover-Bilder in mehreren visuellen Stilen.

Verwandle komplexe Themen in ansprechende visuelle Karne. Generiere mehrseitige Bildungskarne mit Charakterdesigns, Storyboards und Panel-Layouts in verschiedenen künstlerischen Stilen.

Artikel mit reinem Text können Leser nicht fesseln. Dieser Skill analysiert Ihren Artikelinhalt und generiert automatisch kontextbezogene Illustrationen an wichtigen Positionen. Wählen Sie aus 9 visuellen Stilen, die zu Ihrem Inhalt und Thema passen.

Erstellen Sie Videos aus Text, Bildern oder Audio mit über 40 KI-Modellen. Generieren Sie Social-Media-Clips, Marketinginhalte und Erklärvideos mit Tools wie Veo 3.1, Grok Video und Wan 2.5.

Transformieren Sie React- und Remotion-TSX-Code programmatisch in MP4-Videos. Perfekt für Entwickler, die Animationen, Motion Graphics und datengesteuerte Videos durch Code generieren möchten.

Transformieren Sie React-TSX-Code in professionelle MP4-Videos mit Remotion. Programmatische Videogenerierung für Entwickler, Content-Ersteller und Automatisierungs-Workflows.

Teams benötigen schnelle, konsistente Walkthrough-Videos für App-Bildschirme, aber manuelle Bearbeitung ist langsam. Diese Fähigkeit automatisiert die Bildschirmerfassung und Remotion-Komposition, um可直接渲染的视频，包含转场和叠加层。

Diese Fähigkeit erstellt unverwechselbare, produktionsreife Frontend-Schnittstellen, die sich von generischen KI-generierten Designs abheben. Sie liefert polierte Web-Komponenten mit kühnen Ästhetiken und akribischer Liebe zum Detail.