391 Skills
🎨

ai-image-generation

Niedriges Risiko 67

KI-Bilder mit über 50 Modellen erstellen

von inference-sh-8

Erstellen Sie professionelle KI-Bilder, ohne mehrere Plattformen erlernen zu müssen. Greifen Sie über eine einheitliche CLI-Oberfläche auf FLUX, Gemini, Grok, Seedream und Reve zu.

Claude Codex Code(CC)
Installieren
🎬

remotion-render

Niedriges Risiko 67

Videos aus React/Remotion-Code rendern

von inference-sh-7

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.

Claude Codex Code(CC)
Installieren
🎬

remotion-render

Sicher 69

Videos aus React/Remotion-Code rendern

von inference-sh-6

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

Claude Codex Code(CC)
Installieren
📦

reactbits

Niedriges Risiko 71

Durchsuchen und Installieren von 135+ Animierten React-Komponenten

von hwj23016021425

Das Finden von animierten React-Komponenten, die über Dokumentation und Codebeispiele verstreut sind, nimmt Stunden in Anspruch. Diese Skill bietet direkten Zugriff auf 135+ produktionsreife animierte Komponenten von ReactBits.dev mit Copy-Paste-Quellcode.

Claude Codex Code(CC)
Installieren
📦

higgsfield-soul-id

Niedriges Risiko 70

Train a personalized AI character with your face photos

von higgsfield-ai

Creating consistent AI-generated images and videos with your identity requires a model that recognizes your face. This skill trains a Soul Character on your photos so Higgsfield can generate content that faithfully reproduces your appearance across scenes and styles.

Claude Codex Code(CC)
Installieren
📦

higgsfield-product-photoshoot

Niedriges Risiko 70

KI-gestützt markengerechte Produktfotos erstellen

von higgsfield-ai

Professionelle Produktfotografie erfordert teure Studios, Ausrüstung und Fotografen. Diese Skill erstellt markengerechte Produktbilder, Lifestyle-Szenen und Marketing-Creatives durch KI-gestützte Prompt-Optimierung mit der higgsfield CLI.

Claude Codex Code(CC)
Installieren
📦

higgsfield-marketplace-cards

Niedriges Risiko 69

Generate marketplace-ready product images for your listings

von higgsfield-ai

Creating compliant marketplace product images requires following platform-specific rules for size, content, and style. This skill generates main images, secondary product shots, and A+ brand content modules that meet marketplace requirements using the Higgsfield AI platform.

Claude Codex Code(CC)
Installieren
📦

higgsfield-generate

Niedriges Risiko 68

KI-Bilder, Videos und Anzeigen mit Higgsfield generieren

von higgsfield-ai

Vermarkter und Kreative benötigen schnelle, konsistente visuelle Inhalte ohne komplexe Design-Tools. Diese Skill verbindet Sie mit über 30 Higgsfield-KI-Modellen durch einfache Textbefehle, um Bilder, Videos, Markenanzeigen und Marketinginhalte zu generieren.

Claude Codex Code(CC)
Installieren
📦

lottie

Sicher 69

Integrate Lottie Animations into HyperFrames Videos

von heygen-com

Lottie animation files do not work directly in HyperFrames video compositions because the player objects need deterministic seeking. This skill provides adapter patterns to register lottie-web and dotLottie players so HyperFrames can render them frame-accurately.

Claude Codex Code(CC)
Installieren
🎬

hyperframes

Niedriges Risiko 79

HTML-basierte Videokompositionen und Animationen erstellen

von heygen-com

Die Erstellung von Videoanimationen erfordert das Erlernen spezialisierter Videoproduktionssoftware und komplexer Rendering-Pipelines. HyperFrames ermöglicht es Ihnen, HTML zu verwenden, um Videokompositionen zu definieren, GSAP für Animationen zu nutzen und professionelle Videos mit Untertiteln, Übergängen und Audio zu rendern.

Claude Codex Code(CC)
Installieren
🎬

gsap

Niedriges Risiko 71

Erstelle professionelle GSAP-Animationen für Video

von heygen-com

Das Erstellen von GSAP-Animationen für Video-Kompositionen erfordert präzises Timing und deterministische Ausführung. Diese Skill bietet umfassende GSAP-Dokumentation und sofort einsetzbare Effekte für HyperFrames, die es dir ermöglichen, sanfte, professionelle Animationen zu erstellen, ohne durch mehrere Ressourcen suchen zu müssen.

Claude Codex Code(CC)
Installieren
📦

css-animations

Sicher 71

Create Deterministic CSS Animations for Video Rendering

von heygen-com

CSS animations in video rendering break during seeking because they lack deterministic state management. This skill provides adapter patterns for writing CSS keyframe animations that seek reliably in HyperFrames previews and renders.

Claude Codex Code(CC)
Installieren
📦

animejs

Sicher 71

Create Anime.js Animations for HyperFrames

von heygen-com

Writing Anime.js animations for video rendering requires deterministic, seek-driven instances. This skill provides the patterns and validation steps needed to make any Anime.js animation render-safe inside HyperFrames compositions.

Claude Codex Code(CC)
Installieren
🎨

stitch-design

Sicher 76

Erstellen Sie professionelle UI-Designs aus Texteingaben

von google-labs-code

Designteams verbringen Stunden mit der manuellen Erstellung von UI-Mockups. Die Stitch Design Skill automatisiert die Generierung von hochwertigen Bildschirmen aus Textbeschreibungen unter Beibehaltung der Konsistenz des Designsystems.

Claude Codex Code(CC)
Installieren
📦

remotion

Niedriges Risiko 70

Remotion-Walkthrough-Videos aus Stitch-Bildschirmen erstellen

von google-labs-code

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可直接渲染的视频,包含转场和叠加层。

Claude Codex Code(CC)
Installieren
📦

excalidraw-diagram-generator

Niedriges Risiko 73

Excalidraw-Diagramme aus natürlicher Sprache erstellen

von github

Verwandeln Sie Ideen in visuelle Diagramme ohne manuelles Zeichnen. Generieren Sie professionelle Flussdiagramme, Mindmaps und Architekturdiagramme als bearbeitbare Excalidraw-Dateien.

Claude Codex Code(CC)
Installieren
📦

emil-design-eng

Sicher 69

Erstellen Sie professionelle Benutzeroberflächen mit Expertenwissen für Design

von emilkowalski

Die meisten Oberflächen vermissen die unsichtbaren Details, die Software sich richtig anfühlen lassen. Dieser Skill wendet bewährte Design-Engineering-Prinzipien für Animationen, Übergänge und Komponenten-Polish an, um Ihnen zu helfen, Oberflächen zu erstellen, die用户 lieben.

Claude Codex Code(CC)
Installieren
📱

frontend-responsive

Sicher 69

Mobile-First-Responsive-Layouts erstellen

von EIS-ITS

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.

Claude Codex Code(CC)
Installieren
🎨

frontend-css

Sicher 69

CSS-Coding-Standards und Methodiken anwenden

von EIS-ITS

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.

Claude Codex Code(CC)
Installieren
🎨

theme-factory

Sicher 68

Farbige und Schrift-Themen auf Artefakte anwenden

von DYAI2025

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.

Claude Codex Code(CC)
Installieren