MichaelGahnDESIGN

ChatGPT Video Composer Skill — Design skill for Claude Code

Design community

Mit hyperframes (und den zugehörigen Video-Skills) kann ich künftig aus einem Briefing per HTML/CSS-Kompositionen ein fertiges, deterministisch gerendertes Video bauen – von Talking-Head-Schnitten bis.

How to install ChatGPT Video Composer Skill

This entry records only its repository, not the path inside it, so there is no exact command to give. Open MichaelGahnDESIGN/ChatGPT-Video-Composer-Skill and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What ChatGPT Video Composer Skill does

Alternatives in Design

NotebookLM Automation — Complete programmatic access to Google NotebookLM—including capabilities not exposed in the web UI 6.8k ★
Tokenicode — A Claude Code GUI — Tauri 2 + React 19 + TypeScript + Tailwind CSS 4 436 ★
Module CSS — Compile module CSS assets or fix Tailwind prefix issues 407 ★

README

ChatGPT Video Composer Skill

Ein deutscher Codex-Skill für planbare Videoproduktion: vom Briefing über Storyboard und HTML/CSS-Komposition bis zur technisch geprüften Vorschau. Der Schwerpunkt liegt auf nachvollziehbaren, lokal renderbaren Video-Projekten – nicht auf undurchsichtigen Einmal-Exports.

Wofür der Skill gedacht ist

Motion Graphics, Titel, Social-Media-Clips und kurze Erklärvideos
Produkt- und Markenclips aus freigegebenen Inhalten
Talking-Head-Recuts mit Textkarten und Untertiteln
wiederholbare Videoformate mit prüfbaren Szenen, Timing und Quellen

Die Standard-Pipeline nutzt [HyperFrames](https://www.npmjs.com/package/hyperframes) für HTML/CSS-basierte Kompositionen und `ffmpeg` für Medienverarbeitung. Optional kann Higgsfield einzelne generierte Bild-, Video- oder Audioelemente liefern; es wird nie automatisch gewählt.

Struktur

ChatGPT-Video-Composer-Skill/
├── SKILL.md                         # Arbeitsanleitung für Codex
├── references/
│   └── higgsfield-integration.md    # Datenschutz- und Freigaberegeln
├── scripts/
│   └── pruefe-video-umgebung.sh     # rein lesende lokale Vorabprüfung
├── docs/wiki/                       # versionierte Kopie der GitHub-Wiki
├── README.md
└── LICENSE

Voraussetzungen

Node.js mit npx
ffmpeg
HyperFrames wird projektbezogen über npx hyperframes … verwendet
optional: Higgsfield-CLI und eine vom Nutzer interaktiv angemeldete Sitzung

Prüfen:

./scripts/pruefe-video-umgebung.sh
npx hyperframes@latest --version

Die Prüfung verändert weder System noch Konto und überträgt keine Dateien.

Verwendung in Codex

Das Repository in einen Codex-Skill-Ordner kopieren oder als Arbeitsgrundlage verlinken.
Bei einem Videoauftrag SKILL.md laden.
Im Video-Projekt zuerst BRIEF.md und STORYBOARD.md erstellen.
Szenen und Medien in eindeutigen Dateien und Ordnern pflegen.
Vor einer Übergabe mindestens npx hyperframes lint, npx hyperframes check und