Communitygithub.com

riaz37/remotion-ui

Arbeiten mit dem RemotionUI-Monorepo – Registry-Erstellung, CLI-Befehle, remotion-ui.json-Konfiguration und Copy-Paste-Komponentendistribution. Verwenden Sie ihn beim Hinzufügen von Primitiven/Szenen/Kompositionen oder beim Ausführen der remotion-ui-CLI.

Was ist remotion-ui?

Diese Fähigkeit ermöglicht es Entwicklern, mit dem RemotionUI-Monorepo zu arbeiten, einer Sammlung von wiederverwendbaren Videokomponenten für das Remotion-Framework. Im Gegensatz zu typischen Paketen werden Komponenten nicht als npm-Pakete veröffentlicht; stattdessen stellt die Fähigkeit eine CLI (`remotion-ui`) bereit, die den direkten Copy-Paste-Abfluss von Quellcode in Benutzerprojekte ermöglicht. Sie unterstützt die Registry-Erstellung (Hinzufügen von Primitiven, Szenen und Kompositionen), die Verwaltung der CLI-Befehle und das Patchen von `Root.tsx` oder `remotion.config.ts` während der Installationen. Die Fähigkeit ist nützlich, da sie den Workflow für das Hinzufügen von Remotion-Videokomponenten optimiert und eine klare Struktur mit einem Registry-Manifest und einer Build-Pipeline bietet. Sie ist für Plattformen wie Claude Code, Cursor und Codex konzipiert und folgt den Dokumenten zu Remotion-Best-Practices, um korrekte Layouts und Konfigurationen sicherzustellen.

Funktioniert mit✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/riaz37/remotion-ui/tree/HEAD/skills/remotion-ui
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

RemotionUI

Verwenden Sie diese Fähigkeit, wenn Sie mit dem RemotionUI-Monorepo arbeiten oder Benutzern beim Hinzufügen von Remotion-Videokomponenten helfen.

Für Best Practices des Remotion-Frameworks lesen Sie in der folgenden Reihenfolge:

  1. skills/remotion/docs/INDEX.md — gespiegelte offizielle remotion.dev-Dokumentation (pnpm docs:remotion zum Aktualisieren)
  2. skills/remotion/remotion-best-practices/SKILL.md — Remotion-Fähigkeit + Konventionen
  3. skills/remotion/remotion-create/video-layout.md — Überlappende Layouts vermeiden

Verwendung

  • Hinzufügen oder Erstellen von Registry-Komponenten
  • Arbeiten mit der remotion-ui-CLI
  • Verstehen des Copy-Paste-Distributionsmodells
  • Patchen von Root.tsx oder remotion.config.ts während Installationen

Wichtige Pfade

  • Registry-Quelle: apps/web/registry/
  • Registry-Manifest: apps/web/registry.json
  • Erstellte Registry: apps/web/public/r/
  • CLI-Paket: packages/remotion-ui/
  • Benutzerkonfiguration: remotion-ui.json

Befehle

pnpm skills:sync             # Remotion-Fähigkeiten synchronisieren + Codex verdrahten
pnpm registry:build          # Registry-JSON erstellen
pnpm dev                     # Dokumentationsseite starten
pnpm build                   # Alle Pakete erstellen

Referenzdokumente

Philosophie

Komponenten werden nicht als npm-Pakete veröffentlicht. Nur die CLI (remotion-ui) wird veröffentlicht. Benutzer kopieren Quelldateien in ihre Projekte.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

riaz37/remotion-ui

>- Build Remotion videos with RemotionUI: CLI install workflow, composition registration, and agent indexes. Use when the user wants captioned social clips, creator reels, data stories, or programmatic video.

Verwandte Skills

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community