Remotion
Skill Verifiziert AktivToolkit-spezifische Remotion-Muster – benutzerdefinierte Übergänge, gemeinsam genutzte Komponenten und Projektkonventionen. Für Kernkenntnisse des Remotion-Frameworks (Hooks, Animationen, Rendering usw.) siehe die `remotion-official`-Skill.
Entwicklern spezialisierte Remotion-Komponenten und Übergangseffekte zur Verfügung zu stellen, um Videoproduktions-Workflows über die Kernfunktionen des Frameworks hinaus zu verbessern.
Funktionen
- Benutzerdefinierte Remotion-Übergangsbibliothek
- Wiederverwendbare Videokomponenten
- Projektkonventionen und Best Practices
- Detaillierte API-Referenz
Anwendungsfälle
- Erstellung benutzerdefinierter Szenenübergänge für Remotion-Videos
- Integration von vorgefertigten Videokomponenten wie animierten Hintergründen und Beschriftungen
- Befolgen etablierter Projektkonventionen für die Remotion-Entwicklung
- Verbesserung der Videoästhetik mit fortgeschrittenen Animationstechniken
Nicht-Ziele
- Vermittlung von Kernkonzepten des Remotion-Frameworks
- Bereitstellung generischer Videobearbeitungswerkzeuge
- Handhabung der Low-Level-Rendering-Infrastruktur für Videos
Installation
npx skills add digitalsamba/claude-code-video-toolkitFührt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.
Qualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Video
100When the user wants to create, generate, or produce video content using AI tools or programmatic frameworks. Also use when the user mentions 'video production,' 'AI video,' 'Remotion,' 'Hyperframes,' 'HeyGen,' 'Synthesia,' 'Veo,' 'Runway,' 'Kling,' 'Pika,' 'video generation,' 'AI avatar,' 'talking head video,' 'programmatic video,' 'video template,' 'explainer video,' 'product demo video,' 'video pipeline,' or 'make me a video.' Use this for video creation, generation, and production workflows. For video content strategy and what to post, see social-content. For paid video ad creative, see ad-creative.
Remotion Render
99Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video
Ffmpeg
99Videobearbeitung und -verarbeitung mit FFmpeg. Verwenden Sie es für Formatkonvertierung, Größenänderung, Komprimierung, Audioextraktion und die Vorbereitung von Assets für Remotion. Trigger umfassen die Konvertierung von GIF in MP4, die Größenänderung von Videos, die Extraktion von Audio, die Komprimierung von Dateien oder jede Medien transformations aufgabe.
Hand Drawn Diagrams
100Erstellen Sie handgezeichnete Excalidraw-Diagramme, Abläufe, Erklärungen, Wireframes und Seiten-Mockups. Standardmäßig monochromer Skizze-Output; erlauben Sie zurückhaltende Farbe nur für Seiten-Mockups, wenn der Benutzer ausdrücklich eine Webseite-ähnliche Wiedergabetreue wünscht.
Baseline Ui
100Validiert Animationsdauern, erzwingt die Typografieskala, prüft die Barrierefreiheit von Komponenten und verhindert Anti-Patterns im Layout von Tailwind CSS-Projekten. Verwenden Sie dies beim Erstellen von UI-Komponenten, beim Überprüfen von CSS-Dienstprogrammen, beim Stylen von React-Ansichten oder beim Erzwingen von Designkonsistenz.
Gsap Utils
100Offizielle GSAP-Fähigkeit für gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe. Verwenden Sie dies, wenn der Benutzer nach gsap.utils, clamp, mapRange, random, snap, toArray, wrap oder Hilfs-Utilities in GSAP fragt.