Communitygithub.com

Neuer Stil

Erstelle einen neuen visuellen Stil für die Videos des Erstellers in einem Reel Studio Arbeitsbereich (styles/<id>/style.json): Befrage ihn nach Name, Gefühl, Farben und deren Bedeutung, Schriftarten, Bewegung, woher Bilder kommen, Referenzlinks und -bilder, schreibe dann den Stil, damit er in „Estilos“ erscheint und neue Videos ihn nutzen können. Verwende ihn, wenn er nach einem neuen Stil fragt oder auf „Nuevo estilo“ auf der Estilos-Seite drückt.

Was ist Neuer Stil?

Diese Skill-Anleitung definiert, wie ein neuer visueller Stil für Videos in Reel Studio erstellt wird. Ein Stil beschreibt das Aussehen und die Bewegung eines Videos und wird in einem `style.json`-File im Ordner `styles/<id>/` des Arbeitsbereichs gespeichert. Die Anleitung ist speziell für den Ersteller konzipiert und führt Schritt für Schritt durch ein Interview, um Namen, Gefühle, Farbpalette (3–6 Farben mit Bedeutung), Schriftarten (maximal drei von Google Fonts), Bewegung, Bildquellen und zu vermeidende Elemente zu ermitteln. Referenzen (Links, Bilder, Inspirationen) werden systematisch gesammelt und in `styles/<id>/refs/` abgelegt. Nach der finalen Zusammenfassung und Freigabe wird das `style.json` geschrieben und mit `python3 -m json.tool` validiert. Der Stil erscheint dann automatisch auf der Estilos-Seite und kann für neue Videos verwendet werden. Die Anleitung betont Kürze, direkte Fragen und die Vermeidung von Wiederholungen.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/CrissAlvarezH/ai-reel-gen-app/tree/HEAD/.claude/skills/new-style

In Ihrer bevorzugten KI fragen

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

Vorschau

Aus dem Skill-README

…

Dokumentation

Was macht Neuer Stil?

Ein Stil bestimmt, wie ein Video aussieht und sich bewegt. Er befindet sich im Arbeitsbereich (wird von jedem Projekt gemeinsam genutzt) unter styles/<id>/ und wird durch seine style.json beschrieben; die Estilos-Seite von Reel Studio zeigt ihn an (Palette, Schriftarten, Look, Bewegung, was zu vermeiden ist, Beispiele, Referenzen) und neue Videos können damit erstellt werden. Lese zuerst die vorhandenen Stile (styles/*/style.json und styles/collage-semitono/ für ein vollständiges Beispiel), damit der neue auf die gleiche Weise geschrieben wird und keinen bereits vorhandenen wiederholt.

Sprich in seiner Sprache, so wie er spricht. Er kann keine interaktiven Dialoge beantworten: Frage im Text.

Sei kurz. Ein Schritt pro Nachricht, ein paar kurze Zeilen: die Frage und dein Vorschlag in einer Zeile, damit „ja“ oder ein Wort ausreicht. Keine Einleitung, keine Zusammenfassung seiner vorhandenen Stile, keine Erklärung des Prozesses oder dessen, was als Nächstes kommt, keine langen Optionenlisten (zwei oder drei, jeweils ein paar Wörter). Wiederhole nicht, was er gesagt hat; mach einfach weiter.

1. Interview

Einen Schritt nach dem anderen, in dieser Reihenfolge; überspringe, was er bereits gesagt hat. Was du brauchst:

  1. Name und die Idee in einem Satz: Wie soll es sich anfühlen, für welche Art von Video ist es gedacht?
  2. Referenzen: Links (Videos, Konten, Boards, Websites) und Bilder. Er kann Bilder im Chat einfügen oder ablegen: Sie kommen mit seiner Nachricht als Pfade im Ordner .reel-studio/images/ des Projekts; kopiere die von dir verwendeten in styles/<id>/refs/ (dieser Ordner enthält nur die des Chats). Links zu Bildern: Lade sie dort herunter (curl -L). Viele Dateien auf einmal: Erstelle styles/<id>/refs/ und öffne es, damit er sie ablegen kann (macOS open <dir>, Windows explorer <dir>), dann warte, bis er sagt, dass sie da sind. Ein Reel aus Inspiración, das er nennt: Seine Frames sind in inspiration/<account>/<code>/ (hook.jpg, sheet_NN.jpg). Betrachte jedes Bild, das er dir gibt (lies es) und sag in einer Zeile, was du daraus nimmst. Bilder, die du findest oder vorschlägst: Lade sie in styles/<id>/refs/ herunter und zeige sie im Chat (![…](/workspace-files/styles/<id>/refs/x.jpg)), beschreibe sie niemals nur.
  3. Farben: 3 bis 6, jede mit ihrer Bedeutung im Video (der Hintergrund, die Tinte, der Akzent, der das Wichtige markiert…). Wenn er keine angibt, schlage eine Palette aus den Referenzen mit den Hex-Codes vor.
  4. Schriftarten: eine für Titel, eine für Fließtext oder Beschriftungen, maximal drei, von Google Fonts. Schlage sie vor, wenn er keine im Kopf hat.
  5. Bewegung: Wie Dinge erscheinen und sich bewegen (Strich für Strich gezeichnet, von Hand fallen gelassen, hereingeschoben, geschnitten…), das Tempo und wie sich Akte ändern.
  6. Bilder: echte Fotos (wie sie behandelt werden: Ausschnitte, Halbton, Duoton…), im Code gezeichnete Illustrationen, Symbole oder keine.
  7. Was zu vermeiden ist: Was den Look zerstören würde.

Zeige ihm dann den gesamten Stil in einer kompakten Zusammenfassung (je eine Zeile: Name, Palette mit Bedeutungen, Schriftarten, Look, Bewegung, Bilder, vermeiden) und bitte um sein OK, bevor du ihn schreibst.

2. Schreiben

  • id: der Name in Kleinbuchstaben mit Bindestrichen, ohne Akzente (cuaderno-apuntes); kein bereits vorhandener.
  • styles/<id>/style.json, in seiner Sprache (jeder darin enthaltene Text erscheint im Studio):
{
  "name": "Cuaderno de apuntes",
  "summary": "Ein oder zwei Sätze: Wie es aussieht und wofür es gedacht ist.",
  "skill": null,
  "template": null,
  "cutouts": false,
  "palette": [{"name": "Hoja", "hex": "#FAF8F2", "meaning": "der Hintergrund"}],
  "fonts": [{"family": "Caveat 700", "css": "Caveat, cursive", "weight": 700, "google": "Caveat:wght@700", "use": "Titel", "sample": "¿Y si se cae?"}],
  "look": ["Wie ein Frame erstellt wird, ein Punkt pro Eintrag."],
  "motion": ["Wie sich Dinge bewegen."],
  "sources": ["Woher die Bilder kommen und wie sie behandelt werden."],
  "avoid": ["Was den Look zerstört und warum."],
  "examples": [],
  "references": ["styles/<id>/refs/ref-1.jpg"]
}
  • Die Reihenfolge der palette ist wichtig: zuerst der Hintergrund, dann die Textfarbe, dann die Linien (Raster, Rahmen), dann die Akzente. Das Studio zeichnet das Poster und die Schriftbeispiele daraus; wenn die Textfarbe nicht an zweiter Stelle steht, können sie unlesbar werden.
  • fonts[].google ist die Familie wie in einer Google Fonts URL (Patrick+Hand, Inter:wght@800): Das Studio lädt sie, um das Beispiel anzuzeigen. sample ist ein kurzer Text in dieser Schriftart, aus der Art von Video, für das sie gedacht ist.
  • cutouts: nur wahr, wenn es Fotoausschnitte mit tools/cutout.py erstellt.
  • references und examples sind Pfade relativ zum Arbeitsbereich. examples sind freigegebene Frames von Videos, die in diesem Stil erstellt wurden: leer, bis es ein solches gibt. Ohne Beispiele zeichnet das Studio ein Poster aus der Palette und den Schriftarten.
  • Setze niemals "default": true (nur er ändert den Standardstil).
  • Validiere das JSON (python3 -m json.tool styles/<id>/style.json). Die Estilos-Seite zeigt es von selbst an.

skill und template bleiben null: Ein Video in diesem Stil wird auf der Vorlage des Standardstils aufgebaut, wobei der Look durch seine style.json geändert wird (das Studio sagt „Sin plantilla“). Wenn er mit einem ersten Video in diesem Stil zufrieden ist, biete an, styles/<id>/SKILL.md (wie man es erstellt: Komponenten, wie Bilder behandelt werden, Ton) und eine eigene Vorlage aus diesem Video zu schreiben und die besten Frames zu examples hinzuzufügen.

3. Abschluss

In zwei Zeilen: Es befindet sich in Estilos (#/estilos/<id>), und biete an, es in einem neuen Video auszuprobieren.

Individual skills in this repo

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

CrissAlvarezH/animated-video

Make animated videos in code with Remotion (React, SVG, three.js): explainers, character stories, motion graphics, kinetic typography, paper collage and animated infographics, in 2D or 3D, from a script or voiceover, in any aspect ratio. Use when asked to animate a script, make an animated video or Reel, or motion graphics. Not for editing camera footage (video-edit) or AI-generated clips (higgsfield-*).

CrissAlvarezH/persona-hablando

The "Persona hablando + animaciones" format of a Reel Studio video — the creator talks to camera in his own recording; you transcribe it, agree the cuts with him (pauses, flubs, retakes), cut it, and lay the video's style animations over or between his shots. Use for any video whose format.txt says persona-hablando.

CrissAlvarezH/reel-studio

How a narrated explainer video is made in a Reel Studio workspace, in any visual style — script, pictures, voice, images, build, board, sound, mute test, render — following the creator's settings from the studio (profile, format, voice, image sources). Use for any new or revised video in a project's videos/ (projects/<id>/videos/). The video's style adds its own skill (styles/<id>/SKILL.md) for the look and the Remotion kit; LESSONS.md has what past videos taught.

CrissAlvarezH/video-script

Write short-form video scripts that hold viewers, using the creator's own video analytics. Use when choosing the hook of a chosen idea, writing or tightening a script before filming (talking-head or narrated explainer), or turning a posted video's insights into lessons. Coming up with ideas is content-ideas'.

Verwandte Skills