CommunityCodierung & Entwicklunggithub.com

reels-maker – Drei Looks, nebeneinander, nie dieselben dreimal

Wählt das Aussehen eines Reels oder Films aus, bevor er gebaut wird. Drei wirklich verschiedene Looks als Standbilder des gleichen ersten Bildes mit den gleichen Wörtern, sodass die Person den Look und nicht den Inhalt bewertet. Es protokolliert jeden jemals gezeigten Look, sodass kein Look ungefragt wiederkommt, und sperrt einen Look absichtlich für eine Serie. Verwende es, nachdem das Briefing von reel-intake unterschrieben ist und vor jedem Teststreifen, wenn jemand sagt „wie soll es aussehen“, „gib mir Optionen“, „mach es anders als beim letzten Mal“, „es sieht billig aus“ oder eine neue Rolle oder eine neue Serie beginnt.

Was ist reels-maker – Drei Looks, nebeneinander, nie dieselben dreimal?

Diese Fertigkeit für KI-Agenten hilft dabei, das visuelle Erscheinungsbild eines Reels oder Films festzulegen, indem sie der verantwortlichen Person drei klar unterscheidbare Look-Optionen als Standbilder des gleichen ersten Bildes präsentiert. Dadurch wird verhindert, dass der Agent in Standardlooks verfällt oder ein Look zum ersten Mal im fertigen Film gesehen wird, was teure Nacharbeiten verursachen würde. Die Fertigkeit unterstützt das Erstellen von drei HTML-basierten Standbildern aus einer Vorlage, rendert sie im Zielformat und erstellt ein Vergleichsblatt. Sie führt ein Protokoll aller bereits gezeigten Looks, um Wiederholungen zu vermeiden, und sperrt einen Look für eine gesamte Serie. Sie ist als Teil des Repos „reels-maker“ (bash, node, python) auf GitHub implementiert und baut auf Praktiken aus HyperFrames und Anthropic auf. Die Fertigkeit ist besonders nützlich für Film- und Videoproduktion, wo die visuelle Konsistenz und Abwechslung entscheidend sind.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/thativanng/reels-maker/tree/HEAD/skills/reel-style

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

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

Dokumentation

reel-style: drei Looks, nebeneinander, nie dieselben dreimal

Wo das Kit lebt: Führe jeden Befehl in dieser Fertigkeit aus dem Ordner reels-maker aus (dem Klon von github.com/thativanng/reels-maker, der template/ und tools/ enthält). Wenn das Projekt keinen hat, richte es zuerst ein, indem du der SETUP.md dieses Repos folgst.

Warum es das gibt: Ein Agent, der nach „ein Reel über X“ gefragt wird, driftet jedes Mal zum gleichen Look ab: seinen eigenen Standardeinstellungen oder, schlimmer noch, dem letzten Look, der angenommen wurde. Und ein Look, den niemand vorher gesehen hat, ist ein Look, den die Person zum ersten Mal in einem fertigen Film sieht, wo „es sieht billig aus“ bedeutet, von vorne anzufangen. Drei Standbilder kosten Minuten; ein falscher Look kostet einen ganzen Film.

1 · Vor dem Skizzieren lesen

  • Das unterschriebene Briefing: Plattform, Seitenverhältnis, der eine Zuschauer, die Botschaft, die Marke und die Antwort der Person auf „Was sieht für mich billig aus?“ (eine harte Einschränkung).
  • Das Look-Protokoll, .reels/looks-log.md im Projekt der Person (Format in references/looks-log.md). Erstelle es, wenn es fehlt.
  • Die Marke. Mit einer Marke teilen sich die drei Looks ihre Farben und Schriftarten und unterscheiden sich in ihrem Gerüst: Medium, Layout, Textur, Bewegung. Ohne eine Marke unterscheiden sie sich in allem.

2 · Fünf skizzieren, drei behalten

Schreibe zuerst fünf Einzeiler-Konzepte, jedes von einem anderen Startpunkt:

  1. die eigene Welt des Themas (Lagerkisten für ein Lieferkettenthema)
  2. die Emotion, die der Zuschauer fühlen soll
  3. das Publikum: erfülle seine Erwartung oder brich sie absichtlich
  4. wie jedes andere Video zu diesem Thema aussieht, auf den Kopf gestellt
  5. ein ungewöhnliches Format (eine Quittung, ein Countdown, ein Brief, ein einziges riesiges Wort)

Behalte die drei, die sich am meisten unterscheiden. Jeder Look muss sich von den anderen beiden in mindestens 3 der 6 Merkmale in references/axes.md unterscheiden, und immer im Medium oder Layout. Mindestens einer muss das übliche Aussehen des Themas durchbrechen. Zwei Looks mit der gleichen Layout-Form zählen als einer. Wenn das Briefing ein Layout nennt (reel-intake F4), behalten alle drei es bei und unterscheiden sich im Medium plus mindestens zwei anderen Merkmalen.

Überprüfe dann jeden anhand von zwei Listen:

  • Die zu vermeidenden Standard-Looks (references/axes.md). Das eigene template/starter.html des Kits ist einer davon; es ist ein Skelett, niemals ein Look.
  • Das Look-Protokoll. Zeige niemals erneut einen Look, dessen Medium, Layout und Palette alle mit einem Look im Protokoll übereinstimmen, es sei denn, die Person fragt danach. Ein abgelehnter Look ist eine Einschränkung. Ein Look, den die Person ausgewählt hat, kommt nur zurück, wenn sie danach fragt („wie beim letzten Mal“), und dann als vierte Option neben den drei neuen.

3 · Drei Standbilder bauen

  • Kopiere template/starter.html einmal pro Look in den Ordner des Reels (reels/<name>/look-a.html, look-b.html, look-c.html), mit dem reel.json des Reels daneben; kopiere template/film.html auf die gleiche Weise für einen 3D-Look. Schriftarten und formats.json werden aus dem Kit-Stamm geladen, also funktionieren die Kopien einfach. Ändere nur den Look: die CSS-Tokens, das Layout, den Hintergrund, die Schriftart. Jedes Standbild verwendet den gleichen Eröffnungsbeat mit den gleichen Wörtern.
  • Rendere ein Standbild pro Look im Format des Briefings, setze sie dann nebeneinander mit ihren Namen:
    node tools/stills.mjs --page reels/<name>/look-a.html --format 9:16 --out reels/<name>/out/looks/a 1.5
    node tools/stills.mjs --page reels/<name>/look-b.html --format 9:16 --out reels/<name>/out/looks/b 1.5
    node tools/stills.mjs --page reels/<name>/look-c.html --format 9:16 --out reels/<name>/out/looks/c 1.5
    python3 tools/sheet.py reels/<name>/out/looks/sheet.jpg 3 360 --labels "A · Ledger,B · Dock,C · Receipt" reels/<name>/out/looks/a/t001.50.jpg reels/<name>/out/looks/b/t001.50.jpg reels/<name>/out/looks/c/t001.50.jpg
    
  • Überprüfe jedes Standbild mit der Sonde: Die Wörter befinden sich innerhalb der Freihaltezone (node tools/probe.mjs --page reels/<name>/look-a.html --format 9:16 "1.5" "sel:.title,.line,.kicker,.cap" "safe" → inside: true; die Sonde misst die Buchstaben selbst, also schlägt ein Wort, das den Rahmen verlässt, fehl).
  • Zeige das Blatt mit einem Namen und einer Zeile pro Look, zum Beispiel A · Ledger: typografiegeführt, helles Papier, ruhig. Füge eine Zeile zur Bewegungsenergie hinzu, da ein Standbild sie nicht zeigen kann. Empfehle keinen Look, bevor die Person ihn gesehen hat: Eine Empfehlung verankert sie zuerst.

4 · Die Auswahl und das Protokoll

  • Die Person wählt einen aus oder mischt („A's Layout, C's Palette“). Eine Mischung ist ein neuer Look: Zeige sie als Standbild vor dem Bauen.
  • Schreibe alles in das Protokoll: jeden gezeigten Look (seine sechs Merkmale und das Standbild), welcher ausgewählt wurde, welche abgelehnt wurden, und das Urteil der Person in ihren eigenen Worten.
  • Dann baut die film-engine den 10-Sekunden-Teststreifen im gewählten Look, für das „Ja“ der Person vor dem vollständigen Bau. Das Standbild des gewählten Looks ist auch der erste Entwurf des Covers.

Serienmodus

Wenn das Briefing „Serie“ sagt, wird die Auswahl der ersten Folge im Protokoll als Serienlook gesperrt. Spätere Folgen überspringen die drei Standbilder und behalten den Look. Abwechslung bewegt sich darin: das Thema, das Eröffnungsbild, die Reihenfolge der Beats. Wenn die Person mitten in der Serie einen neuen Look möchte, ist das eine neue Serie.

Wenn die Geschichte eine Reise ist

Der Voxel-Walk (die voxel-walk-Fertigkeit) kann nur dann einer der drei sein, wenn das Briefing eine Reise ist: eine Karriere oder ein Prozess von Anfang bis Ende. Es ist nie der Standard, und es unterliegt den gleichen Regeln: Es muss sich von den anderen beiden unterscheiden, und das Protokoll gilt.

Ehrliche Grenzen

  • Nur der Voxel-Walk wurde vollständig gebaut und Ende-zu-Ende geprüft. Jeder andere Look wird frisch aus dem Briefing gebaut: Der erste Film in einem neuen Look dauert länger, und er erhält die vollständige Filmaudit.
  • Standbilder zeigen Farbe, Typografie und Layout. Sie zeigen nicht das Tempo. Der 10-Sekunden-Streifen ist der Ort, an dem Bewegung beurteilt wird.

Quellenangaben

Die Regeln „fünf aus verschiedenen Pfaden skizzieren, die Ausreißer behalten, gleiches Layout zählt als eines“ sind aus der Pitch-Runde von HyperFrames adaptiert (heygen-com/hyperframes, Apache-2.0). Die Idee, die Standard-Looks zu benennen und Notizen darüber zu behalten, was ausprobiert wurde, stammt aus der Frontend-Design-Fertigkeit von Anthropic (paraphrasiert). Gleiche Szene, anderer Look, nebeneinander, ist gängige Praxis in Bewegtbildstudios für Styleframes.

Individual skills in this repo

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

thativanng/reels-maker

The gates every code-rendered film passes before anyone sees it. A 40 fps collision pass (no mover touches a solid or another mover), pixel probes (nothing sits over or behind a face, a head, a subtitle or the frame edge), then an independent auditor (a fresh agent) who reads frame sheets at ≥2 fps and signs off. The builder never signs off their own film. Use it before sending ANY render, after every fix round, and whenever someone says "check the film", "audit this", "is it ready", or "why does this frame look wrong".

thativanng/reels-maker

Build and render a film, reel or animation as code. One HTML page draws any frame on demand with window.seek(t), and a headless browser renders every frame at 2x into an MP4 with sound. Use it whenever someone wants a video made with code rather than a video generator, says "make a film / reel / animated explainer / career video", "render this to MP4", "turn this page into a video", or needs the finishing steps (audio cues, loudness, colour-safe encode, phone preview). It is style-agnostic and renders 9:16, 4:5, 1:1 or 16:9. It runs after reel-intake (the brief) and reel-style (the look), builds on template/starter.html or a style pack such as voxel-walk, and passes film-audit before anything is shown to anyone.

thativanng/reels-maker

The interview before any video is built. It reads what the person already gave (source text, CV, links, brand files), then asks the rest in a few short rounds of numbered questions with a recommended answer marked, always including the format (platform, reel or video, ratio, layout, length, sound). It ends in a one-screen brief that splits "you said" from "I assumed", plus a storyboard, and builds nothing until the person says yes. Use it whenever someone asks for a reel, a video, an explainer, a career film, an animation or a "make a video about X", before film-engine or any style pack, and again when a request changes its purpose, platform or audience mid-way.

thativanng/reels-maker

The voxel career-film style. A blocky 3D version of the person walks, without ever vanishing, through one scene per role. Their outfit changes as they walk, each scene rises out of the floor ahead of them, and a dark banner tracks year, company and role. Use it when someone wants their career, a journey or a "how I got here" told as a short 3D film for LinkedIn or a portfolio, says "make my career film", "turn my CV into a video", "voxel film", or wants a new chapter added to an existing one. It runs on film-engine (render, audio, finish) and must pass film-audit before anything is sent.

Verwandte Skills