Remocn/remocn

Eine einzelne remocn-Komponente hinzufügen

Angefragt: $ARGUMENTS

Lade zuerst das Skill remocn, um die Tier-Konventionen sowie Canvas und Timing zu erhalten.

1. Den Namen auflösen. Falls die Anfrage ein exakter Komponentenname ist, verwende ihn. Handelt es sich um eine Beschreibung („ein verzerrter Titel“, „ein schneller Schnitt“), erstelle eine Shortlist aus https://remocn.dev/llms-components.txt und biete die besten zwei oder drei an, jeweils mit ihrer Use for-Zeile und ihrer Länge. Warte auf die Auswahl.
2. Ihre Seite lesen. Rufe die .md-Dokumentations-URL ab, die der Index für die Komponente angibt. Notiere die Props, das Beispiel, die Length und etwaige Avoid for-Hinweise. Falls der Avoid-Hinweis zu den Wünschen des Benutzers passt, sage dies und schlage den genannten Ersatz vor.
3. Das Projekt einmal vorbereiten. Falls in components.json keine @remocn-Registry existiert, führe zuerst node "${CLAUDE_SKILL_DIR}/../video/scripts/setup.mjs" <project-root> aus (außerhalb von Claude Code: ../video/scripts/setup.mjs aus dem Ordner dieses Skills). Das JSON-Ergebnis gibt an, welche Dateien geschrieben wurden; gebe eventuelle warnings weiter.
4. Installieren. npx shadcn add @remocn/<name>. Abhängigkeiten werden transitiv installiert; liste auf, welche Dateien erstellt wurden.
5. Verwenden. Zeige ein Nutzungsbeispiel auf Basis der Dokumentation, skaliert auf die Canvas-Größe, eingebettet in eine <Sequence durationInFrames> mit mindestens der Length der Komponente plus Haltedauer. Übergänge werden in TransitionSeries.Transition als presentation mit linearTiming/springTiming bei deren Length eingefügt. Falls der Benutzer eine Stelle im Code genannt hat, setze es dort ein; ansonsten frage, wo es platziert werden soll.
6. Prüfen. npx tsc --noEmit, dann erstelle einen Still am Ende der Bewegung (npx remotion still <composition> out/<name>.png --frame=<n>) und betrachte ihn.