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.

Educational short videos require research, clear animation, and careful music timing. This skill coordinates agent work and local tools to produce narration-free vertical videos.

Markdown articles can lose formatting when pasted into the WeChat editor. This skill guides HTML generation with inline styles and local previews for manual publishing.

Interface changes can lose visual consistency or disrupt existing workflows. This skill guides implementation from visual targets and project conventions, with optional Uizze resources and explicit verification.

Turning articles into clear animated explanations requires coordinated narration, visuals, and timing. This skill plans scenes and renders hand-drawn videos around a verified continuous narration track.

Creating consistent web captures across devices and formats requires repeated setup. This skill guides Claude and Codex through CurlShot requests for screenshots, PDFs, and scrolling videos.

Technical illustrations can lose consistency when views, annotations, and exports are created separately. This skill builds shared geometry and packages a local viewer with coordinated downloads.

SaaS teams lose users when interfaces obscure value or create unnecessary effort. This sourced playbook guides design reviews across acquisition, activation, retention, and monetization.

Visual briefs need clear direction, consistent assets, and practical export options. Huashu Design guides three visual drafts, HTML implementation, local verification, and optional presentation or video exports.

Ä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.