Communitygithub.com

creator-style-kit

Wähle einen von 18 visuellen Premium-Stilen (Schriften, Farbe, Bewegungsgrammatik, Klangset) für 9:16 HyperFrames-Videos aus und wende ihn an — für KI-Modellbewertungen, Tutorials und Wissenschaftserklärer.

Was ist creator-style-kit?

Dieses Skill-Paket ist ein Designsystem für HyperFrames, das es ermöglicht, aus 18 handverlesenen visuellen und akustischen Stilen zu wählen und diese automatisiert auf 9:16-Videos anzuwenden. Es richtet sich an Entwickler und Creator, die KI-Bewertungen, Tutorials oder Wissenschaftserklärer erstellen – mit einem Fokus auf Designkonsistenz, Hochwertigkeit und Effizienz. Zu den Stilen gehören z.B. **數據新聞** (Datenjournalismus), **评测仪表** (Benchmark-HUD), **弥散玻璃** (Matter Aurora) und **终端控制台** (Dev-Konsole), die je nach Inhalt empfohlen werden. Das Skill erfüllt folgende Aufgaben: Stilauswahl über eine Live-Katalogliste, automatisches Erstellen von Szenen (Beats) durch ein `scaffold`-Skript, optimiertes Schrift-Subsetting mittels `build_style`, Bildprüfung mit `hyperframes check` sowie einen intelligenten Sound-Pass zur Nachbearbeitung. Es unterstützt Claude Code, Cursor und HyperFrames und enthält harte Regeln für die Stilanwendung – z.B. maximal ein Akzentstil pro Video, kein Glühen, keine Logos und sparsame Soundnutzung. Das Skill lebt auf einem externen ORICO-Laufwerk ($KIT) und erwartet, dass der Benutzer dieses bei Bedarf einbindet.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add threeaus/creator-style-kit

In Ihrer bevorzugten KI fragen

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

Dokumentation

Creator Style Kit

Das Kit befindet sich im Ordner dieses Skills: KIT=/Volumes/ORICO/Opus/creator-style-kit (auf dem ORICO-Laufwerk – falls der Pfad fehlt, bitten Sie den Benutzer, das Laufwerk zu mounten). Es handelt sich um ein Designsystem auf Basis von HyperFrames: der /hyperframes-Workflow verwaltet weiterhin Projekteinrichtung, Erzählung und Rendering; dieses Skill entscheidet, wie jede Szene aussieht, sich bewegt und klingt.

Workflow

  1. Stil wählen (überspringen, falls der Benutzer einen benannt hat).
    • python3 $KIT/scripts/list_styles.py gibt den Live-Katalog aus (id · name · best_for · essence).
    • Verwenden Sie die folgende Tabelle; empfehlen Sie einen Hauptstil + höchstens einen Akzentstil für Hooks/Code-Abschnitte, jeweils mit einer einzeiligen Begründung.
    • Bieten Sie die Vorschauen an: /Volumes/ORICO/Opus/风格样张_18套_一览.jpg (Standbilder) und 风格样张_18套.mp4 (Bewegung + Ton).
  2. Brief vor dem Bau lesen: python3 $KIT/scripts/list_styles.py <id>. Die Zeilen not: enthalten harte Regeln (ein Akzent, kein Leuchten usw.) – 高级感 entsteht durch deren Einhaltung.
  3. Szenen bauen. Standard-Beats (Kapitelkarte / Überschrift + Liste / große Zahl) → eine Beat-Datei schreiben und ausführen: python3 $KIT/scripts/scaffold.py <id> <project> --content beats.json [--init] (--init nur für ein neues Projekt; andernfalls das ausgegebene <div>-Host in index.html einfügen). Benutzerdefinierte Szenen → dem Markup-Vertrag und der kit.*-API in REFERENCE.md folgen. Beat-Längen richten sich nach dem Tempo des Stils (siehe REFERENCE.md „Pacing“); "dur" nur verwenden, um einen Beat auf die Erzählung zu dehnen – niemals, um ihn zu stauchen.
  4. Schriften nach finalem Text neu subsetten: python3 $KIT/scripts/build_style.py <id> <project> (einmal pro verwendetem Stil). Schriften enthalten nur Glyphen, die zum Bauzeitpunkt im .html des Projekts vorhanden sind – veraltete Builds zeigen Tofu/Ersatzglyphen.
  5. Bild überprüfen: npx hyperframes check dann npx hyperframes snapshot --at … zu jedem Beat's „hält bis“-Zeitpunkt (in den generierten Skriptkommentaren) – dort sollte alles gesetzt sein (Hervorhebung sichtbar, nichts überlaufend, Akzent einmal verwendet).
  6. Sound-Pass nach dem Rendern: python3 $KIT/scripts/sound_pass.py <project> renders/<x>.mp4 [--voice vo.wav] [--music bed.wav]. Jeden FAIL beheben, indem Cues oder Sounds geändert werden (≤ 2 Durchläufe), audio/qa.png prüfen, out/final.mp4 + LISTEN.md übergeben. Berichten, was die Prüfungen zeigen; den Sound nicht als gut bezeichnen – der Benutzer hört zu.

Welcher Stil

SzeneHauptstilAlternative
Benchmark-Ergebnisse, Score-Enthüllungdata-journal 数据新闻benchmark-hud 评测仪表
Modell A vs. B, Versions-Upgradesdata-journalinstrument-panel 仪器面板
Spezifikationen: Preis / Geschwindigkeit / Kontextinstrument-panelswiss-grid 瑞士网格
Launch-Opener, Titelcardfrosted-aurora 弥散玻璃dark-keynote 暗场发布会, particle-field 粒子星云
Paper-/Tech-Report-Erklärerpaper-figure 论文图表manim-morph 数学动画
Wie es funktioniert (Aufmerksamkeit, Reasoning)manim-morphparticle-field
Architektur, Agent-Workflowblueprint 蓝图线稿isometric-stack 等轴架构
Ebenen (Tech-Stack, Kontextzusammensetzung)isometric-stackblueprint
Konzept-Frameworks, „3 Elemente“bauhaus-geometry 包豪斯构成swiss-grid
Claude-/Opus-Themen, Meinungsbeiträgeclay-serif 暖陶书卷editorial-paper 报刊纸感
Bildschirmaufnahmen, Prompts, Codedev-console 终端控制台instrument-panel
Anfänger-Tutorial, freundlicher Tonwarm-notebook 暖调手账clay-serif
Geschichte / Kultur / Festival-Specialsink-wash 水墨留白editorial-paper
Erste-3-Sekunden-Hook, Kapitel-Einstiegeposter-kinetic 海报撞色bauhaus-geometry

Typische Paarung: Ein Evaluationsvideo in data-journal, eröffnet mit frosted-aurora, mit Code-Abschnitten in dev-console. poster-kinetic oder benchmark-hud nicht für ein ganzes Video verwenden (sie ermüden schnell; HUD-Looks sind in KI-Videos verbreitet).

Stets geltende Regeln

  • Niemals Benchmark-Zahlen erfinden. Verwenden Sie Zahlen, die der Benutzer liefert oder die Sie zitieren können; fügen Sie das Zitat in der Beat-Datei unter source (data-journal-Fußzeile) oder caption (paper-figure) ein. Platzhalterzahlen müssen auf dem Bildschirm als 示例数据 gekennzeichnet sein.
  • Keine Logos oder Markenzeichen. clay-serif leiht sich nur die öffentliche Palette von Anthropic.
  • Ein <em> pro Beat: es markiert das einzelne betonte Wort und steuert den Hervorhebungseffekt.
  • Sound bleibt sparsam: Die sound.rules jedes Stils (maxPerSecond, silentShare) begrenzen die Dichte, durchgesetzt von compose.py. Keine Cues von Hand hinzufügen; ein Sound pro Liste, die Enthüllung beim Lock.
  • Tempo zum Lesen, nicht für Geschwindigkeit: Es bewegt sich jeweils eine Sache, die Schlüsselfigur hält ≥ 2 s. Wenn ein Video langsam wirkt, kürzen Sie den Inhalt – verkürzen Sie nicht die Haltezeiten.
  • Alle Layouts sind 1080×1920 (9:16). Ein 16:9-Video benötigt neue Layouts – sagen Sie dies, anstatt zu strecken.

Erweiterung

Um einen Stil hinzuzufügen, eine Palette zu ändern oder ein Layout zu korrigieren, sehen Sie unter „Adding a style“ in REFERENCE.md nach. Anschließend die Vorschauen mit python3 $KIT/scripts/lookbook.py $KIT/lookbook neu generieren und rendern.

Verwandte Skills