Chans-gh/ai-coding-video: KI-Videocodex – Stilbibliothek zum Er…

AI Coding Video：用代码做视频的风格库

Inhalt und Wartungsmethoden siehe README.md. Diese Datei beschreibt nur, wie der KI-Assistent nachschlagen und verwenden kann.

Wann verwenden

• Benutzer möchte einen Stil für ein Video festlegen oder fragen: „Welche Stile gibt es / welcher Stil passt zu X?“
• Es wird eine Stilbeschreibung benötigt, um visuelle Prompts zu schreiben oder direkt Rendering-Code zu generieren (Canvas, WebGL, SVG, Three.js, Manim, Remotion usw.).
• Der Benutzer möchte zuerst einen bestimmten Stil in seinem eigenen Projekt testen (Vorschaumaterial erstellen) oder den ausgewählten Stil dauerhaft festlegen (Stilpaket erstellen).
• Der Benutzer hat Aufnahmen, Screencasts, Fotos, Daten oder möchte KI-generierte Bilder, Videos oder Sprachsynthese als Material verwenden und mit Code schneiden.
• Musik, Soundeffekte oder chinesische Voice-Over-Stimmen für das Video auswählen.

Drei Stufen: Von der Stilauswahl zum Stilpaket

Stufe	Was wird gemacht	Ergebnis	Wann
Stufe 0: Lexikon	2-3 Kandidaten aus dieser Bibliothek auswählen, mit Prompts und Begründung	Kandidatenliste + Stil-Prompts und technischer Pfad für jeden	Benutzer hat noch keinen Stil festgelegt
Stufe 1: Vorschaumaterial	Kandidaten mit den Markenfarben, Schriftarten und echten Inhalten des Benutzers versehen, im eigenen Technologie-Stack des Projekts für 3-5 Sekunden laufen lassen	Jeweils ein horizontales (16:9) und vertikales (9:16) Vorschaumaterial + Einzelbilder, die dem Benutzer gezeigt werden	Wenn ein Projekt den Stil wechseln oder hinzufügen soll, in einer einzigen Konversation erledigt
Stufe 2: Stilpaket	Der vom Benutzer genehmigte Stil, der die häufig verwendeten Darstellungsweisen des Projekts abdeckt (Intro, Erklärung, Daten, Übergänge, Untertitel usw.)	Wiederverwendbare Code-Module + im Projektstandard festgelegte Stilbeschreibung (Farbpalette, Schriftarten, Bewegung, Sound, Verbote)	Nach Genehmigung von Stufe 1

Jede Stufe erfordert die Zustimmung des Benutzers, bevor die nächste Stufe begonnen wird. Vor Stufe 1 (Vorschaumaterial) muss bestätigt werden, dass der technische Pfad im Projekt des Benutzers funktioniert (ob Browser, GPU, Python-Umgebung usw. vorhanden sind).

Nachschlagen (In dieser Reihenfolge, nicht alles auf einmal lesen)

1. Weiß nicht, welchen Stil verwenden → Zuerst die drei Typen unterscheiden: Das gesamte Bild wird durch Code berechnet (Typ C), echte Materialien werden verwendet (Typ T), KI-generierte Materialien werden verwendet (Typ G). Wenn der Benutzer sagt, welche Art von Video er machen möchte (Erklärvideo, Verkaufsvideo, Musikvideo, Nachrichten …), zuerst in der index.md-Tabelle „Nach Inhaltstyp“ nachschlagen, die Spalten T und G vergleichen. Wenn reiner Code gewünscht wird, in den übrigen Indextabellen (Thema, Geschäftszweck, Zielgruppe, Emotion, Plattform & Format, Material & Bedingungen) jeweils eine entsprechende Zeile suchen – wiederholt vorkommende Einträge sind bevorzugt. Dem Benutzer 2-3 Kandidaten mit Begründung präsentieren.
2. Stilname oder -nummer bekannt → Im „Stilverzeichnis“ der index.md die Nummer finden (z.B. C-013, T-007), die entsprechende styles/*.md öffnen (Typ C nach Technologie aufgeteilt, Typ T in styles/footage.md, Typ G in styles/generated.md) und über den Anker #C-013 zum Eintrag navigieren.
3. Vollständigen Prompt oder Rendering-Code schreiben → prompting.md lesen: 8 Kontrollpunkte, allgemeine Vorlage, Erstellungspfad, Beispiele, häufige Fehler und Gegenmaßnahmen.
4. Nach Technologie filtern („nur SVG verwenden“, „Three.js benötigt“) → tags.md und data/styles.json lesen. Jeder Eintrag hat: id / name / theme / content_type / materials / fit / prompt / layer / suggested / verified / render_code / pack / refs (Typ C hat theme, Typ T und G haben content_type und materials).
5. Sound auswählen → sound.md lesen: Zuerst nach Thema Musik und Soundeffekte bestimmen, dann nach Verwendungszweck die Voice-Over-Stimme auswählen.
6. Materialien verwenden (Typ T, G) → materials.md lesen: Woher Materialien kommen, wie Lizenzen geprüft werden, wie generiert wird, wie sie einheitlich verarbeitet werden, bevor sie dem Code übergeben werden, wie Sound zugeordnet wird.
7. Vorschaumaterial (Stufe 1) oder Stilpaket (Stufe 2) erstellen → making.md lesen: Prüfungen vor dem Start, Schreibweise und Selbstprüfung des Vorschaumaterials, fünf Methoden für Stilpakete und was in die STYLE.md gehört.
8. Rendering-Code schreiben → Zuerst den mitgelieferten Code dieses Skills ansehen: samples/API.md (Vorschaumaterial-Gerüst und Funktionsreferenz), samples/<Nummer>/ (scene.js, sound.py für jeden verifizierten Stil), packs/<Name>/ (Stilpaket). Der Pfad in den Link-Texten der Einträge „Vorschaumaterial-Code“ und „Stilpaket“ ist der Pfad im Verzeichnis dieses Skills, kein Download von GitHub erforderlich.

Nutzungsregeln

• Der text-Codeblock in einem Eintrag ist der Stil-Prompt. Er wird wie angegeben verwendet und nach der Vorlage in prompting.md mit Thema, Spezifikation, Sound und Ablauf ergänzt.
• „Technologie (verifiziert)“ bedeutet, dass im Repository Code vorhanden ist, der ein Vorschaumaterial erzeugen kann. „Technologie (vorgeschlagen)“ ist nur eine Empfehlung, nicht verifiziert. Bei der Erklärung für den Benutzer muss klar unterschieden werden.
• Nur der Stilname zu schreiben, führt zu einem generischen flachen Stil: Es müssen 3-5 markante Elemente, Verbote und Referenzwerke angegeben werden.
• Referenzwerke dienen nur als Inspiration für Komposition, Rhythmus und Farblogik. Keine direkte Übernahme von Figuren, Logos oder Musik. Bei „Hommage-Stilen“ (wie C-187 Ghibli-Stil) gilt ebenfalls: Nur die Malweise lernen, Figuren, Szenen, Markenzeichen und Dialoge sind vollständig eigenständig.
• Der Prompt gibt nur die Richtung vor. Derselbe Satz führt nicht jedes Mal zum identischen Bild. Um denselben Effekt zu reproduzieren, den Code des „verifizierten“ Eintrags modifizieren – nicht nur auf den Prompt verlassen, und nicht von Grund auf neu entwerfen: Zuerst samples/<Nummer>/ in das Projekt des Benutzers kopieren und zum Laufen bringen, dann den Inhalt ersetzen (siehe making.md, Abschnitt „Stufe 1: Vorschaumaterial“). Falls ein „Stilpaket“ vorhanden ist, dieses direkt verwenden.
• Code für Vorschaumaterial zeigt Pipeline und Malweise, nicht den Inhalt: Die Rendering-Pipeline (lib.js, synth.py, batch.py) kann übernommen werden; Techniken wie Aussparungen, Schatten, Texturen können ausgeliehen werden; Figuren, Komposition, Farbgebung und Text aus dem Vorschaumaterial dürfen nicht direkt in das Video des Benutzers übernommen werden, sondern durch dessen eigenes Thema und Marke ersetzen.
• Die Toolchains, Kosten und Zeitangaben in Fallbeispielen stammen von den ursprünglichen Autoren und sind nicht verifiziert. Sie dürfen nicht als Garantie gegenüber dem Benutzer versprochen werden.
• Typ C: Das gesamte Bild wird durch Code berechnet, ohne Materialien. Realistische Gesichter oder echte Sprecher-Szenen sind mit reinem Code nicht möglich; stattdessen auf Typ T (eigenes Material des Benutzers) oder Typ G (KI-generiertes Material) ausweichen und dem Benutzer mitteilen, was vorbereitet werden muss.
• Typ T: Nur Materialien verwenden, deren Nutzungsrecht der Benutzer bestätigt hat, oder gemeinfreie / offen lizenzierte Materialien. Quelle und Lizenz müssen für jedes Stück dokumentiert werden. Typ G: Jeder Bild-, Video- und Sprachsynthese-Dienst kann verwendet werden; Einrichtung nach materials.md „Generierungsdienste konfigurieren“. Wenn ein Typ nicht konfiguriert ist, dem Benutzer mitteilen, was konfiguriert werden muss; den Teil, der nicht generiert werden muss, normal ausführen. Keine echten Personen generieren, keine echten Stimmen klonen.

Inhalt ändern

Schritte zum Hinzufügen oder Ändern von Stilen siehe README.md unter „Wartung“. Nach Änderungen müssen folgende Befehle ausgeführt und bestanden werden:

python3 scripts/build_index.py          # Erzeugt aus styles/*.md die data/styles.json und das Stilverzeichnis der index.md
python3 scripts/build_index.py --check  # Prüft Nummern, Tags, Bilder, Links und Verzeichniskonsistenz

Nummern werden nur hinzugefügt, nicht geändert; data/styles.json und das Stilverzeichnis sind generierte Dateien, nicht manuell bearbeiten.