Communitygithub.com

remotion-dev/add-cli-option

Füge eine neue Remotion CLI- oder Konfigurationsoption hinzu, indem du eine AnyRemotionOption erstellst, das CLI-Parsing registrierst, Config-Setter verdrahtest und die Dokumentation aktualisierst. Verwende dies beim Hinzufügen oder Umwandeln von Befehlszeilen-Flags oder Remotion-Optionen.

Was ist add-cli-option?

Diese Skill-Anleitung beschreibt den vollständigen Prozess zum Hinzufügen einer neuen CLI- oder Konfigurationsoption in Remotion. Sie deckt die Erstellung einer `AnyRemotionOption`-Definition, die Registrierung des CLI-Parsings, die Verdrahtung von Config-Settern und die Aktualisierung der Dokumentation ab. Der Skill ist nützlich für Entwickler, die benutzerdefinierte Befehlszeilen-Flags oder Remotion-Konfigurationsoptionen hinzufügen oder bestehende umwandeln möchten. Er stellt sicher, dass die Option nahtlos sowohl über die CLI als auch über die Remotion-Konfigurationsdatei funktioniert und in die vorhandene Codebasis integriert und dokumentiert ist.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/remotion-dev/remotion/tree/main/.agents/skills/add-cli-option

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht add-cli-option?

Füge eine neue Remotion CLI- oder Konfigurationsoption hinzu, indem du eine AnyRemotionOption erstellst, das CLI-Parsing registrierst, Config-Setter verdrahtest und die Dokumentation aktualisierst. Verwende dies beim Hinzufügen oder Umwandeln von Befehlszeilen-Flags oder Remotion-Optionen.

Schritte

  1. Erstelle eine AnyRemotionOption-Definition: Definiere die Option in einer neuen Datei unter packages/core/src/options/. Die Definition sollte den Typ, Standardwert, Beschreibung, CLI-Flag (falls zutreffend) und andere Metadaten enthalten.

  2. Registriere das CLI-Parsing: Füge die Parsing-Logik für das CLI-Flag in der Datei packages/cli/src/parsing/ hinzu. Dies beinhaltet die Verwendung von yargs oder einem eigenen Parser, um das Flag aus der Befehlszeile zu lesen.

  3. Verdrahte Config-Setter: Erstelle oder aktualisiere Config-Setter in packages/core/src/config/, um die Option sowohl über die CLI als auch über die Remotion-Konfigurationsdatei zu setzen. Stelle sicher, dass die Setter die Option korrekt in der globalen Konfiguration aktualisieren.

  4. Aktualisiere die Dokumentation: Füge die neue Option in der entsprechenden Dokumentationsdatei unter packages/docs/docs/ hinzu. Dokumentiere das CLI-Flag, die Konfigurationsoption und ihre Verwendung.

  5. Tests schreiben (optional): Füge Tests hinzu, um sicherzustellen, dass die Option korrekt funktioniert.

Beispiel

// packages/core/src/options/my-option.ts
export const myOption = new AnyRemotionOption({
  name: 'myOption',
  cliFlag: 'my-option',
  description: 'Meine benutzerdefinierte Option',
  defaultValue: false,
  type: 'boolean',
});

Hinweise

  • Stelle sicher, dass die Option sowohl über die CLI als auch über die Konfigurationsdatei funktioniert.
  • Verwende konsistente Namenskonventionen für CLI-Flags und Config-Schlüssel.
  • Aktualisiere auch die TypeScript-Typdefinitionen, falls erforderlich.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

remotion-dev/add-bug

Add a new Remotion bug entry to packages/bugs/api/[v].ts. Use when the user describes a bug and affected Remotion versions that should be surfaced through the bugs API.

remotion-dev/add-effect

Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, tests, formatting, and builds.

remotion-dev/add-expert

Add a new expert to the Remotion experts page

remotion-dev/add-new-package

Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, tests, and release checklist updates. Use when creating a new @remotion package.

remotion-dev/add-sfx

Add a new sound effect to @remotion/sfx

remotion-dev/add-webcodecs-bug

Add a browser WebCodecs bug to the Remotion Mediabunny WebCodecs bugs docs page. Use when given a Chromium, WebKit, or Firefox issue URL that should be tracked in packages/docs/docs/mediabunny/webcodecs-bugs.mdx, especially when needing to look up the issue title, filing date, reporter, and resolution state before editing the MDX table.

remotion-dev/docs-demo

Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.

remotion-dev/homepage-video-assets

Use when rendering or replacing Remotion homepage creator strip videos, especially transparent Chrome WebM and Safari MP4 assets copied into both promo-pages and docs.

remotion-dev/make-pr

Open a pull request for the current feature

remotion-dev/remotion

Rebuild, install, and reload the private Remotion Canvas Capture unpacked Chrome extension. Use when the extension needs to be restored after a Codex worktree was deleted, rebuilt after source changes, moved to its durable install directory, or reloaded in Chrome or Chrome Canary.

remotion-dev/remotion-best-practices

Router for all Remotion skills

remotion-dev/remotion-captions

Transcribing, displaying and animating captions

remotion-dev/remotion-create

Create a new Remotion video

remotion-dev/remotion-docs

Search Remotion documentation

remotion-dev/remotion-interactivity

Structure Remotion markup for interactivity

remotion-dev/remotion-maps

Remotion Map animation knowledge

remotion-dev/remotion-markup

Content, animation and effects best practices

remotion-dev/remotion-multimedia

Interacting with Mediabunny

remotion-dev/remotion-render

Export a Remotion video

remotion-dev/remotion-saas

Build an app with Remotion

Verwandte Skills