Communitygithub.com

threeaus/creator-style-kit

挑選並套用 18 種頂級視覺風格(字型、色板、動態語法、音效套件)於使用者的 9:16 HyperFrames 影片——適用於 AI 模型評測、教學與科學科普。

creator-style-kit 是什麼?

Creator Style Kit 是一個基於 HyperFrames 的設計系統,提供 18 種精心設計的視覺風格,涵蓋字型、色板、動態語法和音效套件。主要針對 9:16 格式的 AI 評測、教學和科學科普影片。支援多種風格選擇(如資料新聞、評測儀表、彌散玻璃等),並可依場景靈活搭配主風格與重點風格。工作流程包括風格挑選、場景構建、字體子集化、畫面驗證及音效後製。此技能特別強調「高級感」來自遵循硬性規則(如不超額使用重點效果、不添加品牌標誌),並透過 CLI 腳本自動化常見任務,確保每個場景的佈局、節奏和音效密度都符合設計規範。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add threeaus/creator-style-kit

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

Creator Style Kit

設計套件位於此技能資料夾中:KIT=/Volumes/ORICO/Opus/creator-style-kit(在 ORICO 磁碟機上——如果路徑遺失,請要求使用者掛載)。它是一個基於 HyperFrames 的設計系統:/hyperframes 工作流程仍負責專案設定、旁白和渲染;此技能決定每個場景的外觀、動作和聲音。

工作流程

  1. 挑選風格(如果使用者已指定則跳過)。
    • python3 $KIT/scripts/list_styles.py 印出現有目錄(id · 名稱 · 適用場景 · 精華)。
    • 使用下方表格;建議一個主要風格 + 至多一個重點風格用於鉤子/程式碼片段,每個附上一行理由。
    • 提供預覽:/Volumes/ORICO/Opus/風格樣張_18套_一览.jpg(靜態)和 風格樣張_18套.mp4(動態 + 聲音)。
  2. 建構前閱讀簡報:python3 $KIT/scripts/list_styles.py <id>。它的 not: 行是硬性規則(一個重點、無光澤等)—— 高級感來自於遵守這些規則。
  3. 建構場景。 標準節奏(章節卡片 / 標題 + 列表 / 大數字)→ 撰寫 beats 檔案並執行 python3 $KIT/scripts/scaffold.py <id> <project> --content beats.json [--init] (--init 僅用於全新專案;否則將列印的主機 <div> 貼到 index.html)。自訂場景 → 遵循標記合約和 kit.* API(參見 REFERENCE.md)。 節拍長度來自風格的節奏(參見 REFERENCE.md 中的「節奏」);僅在需要將節拍拉伸至其旁白時傳遞 "dur"——絕不用於壓縮。
  4. 在所有文字定稿後重新子集化字型:python3 $KIT/scripts/build_style.py <id> <project>(每個使用的風格執行一次)。字型僅包含建置時專案 .html 中存在的字符——過舊的建置會顯示豆腐/後備字符。
  5. 驗證畫面:npx hyperframes check 然後 npx hyperframes snapshot --at … 在每個節拍的「保持至」時間(在產生的腳本註釋中)——所有內容應在那時已確定(重點可見、無溢出、重點效果使用一次)。
  6. 渲染後音效處理:python3 $KIT/scripts/sound_pass.py <project> renders/<x>.mp4 [--voice vo.wav] [--music bed.wav]。透過更改提示或聲音修復每個 FAIL(最多 2 輪),查看 audio/qa.png,並交付 out/final.mp4 + LISTEN.md。報告檢查結果;不要自行判斷聲音良好——由使用者聆聽。

哪種風格

場景主要替代
基準測試結果、分數揭曉data-journal 數據新聞benchmark-hud 評測儀表
模型 A vs B、版本升級data-journalinstrument-panel 儀器面板
規格:價格 / 速度 / 上下文instrument-panelswiss-grid 瑞士網格
開場、標題卡frosted-aurora 彌散玻璃dark-keynote 暗場發布會、particle-field 粒子星雲
論文 / 技術報告解說paper-figure 論文圖表manim-morph 數學動畫
運作原理(注意力、推理)manim-morphparticle-field
架構、代理工作流程blueprint 藍圖線稿isometric-stack 等軸架構
層次(技術棧、上下文構成)isometric-stackblueprint
概念框架、「3 個元素」bauhaus-geometry 包豪斯構成swiss-grid
Claude / Opus 主題、觀點文章clay-serif 暖陶書卷editorial-paper 報刊紙感
螢幕錄製、提示詞、程式碼dev-console 終端控制台instrument-panel
初學者教學、友善語氣warm-notebook 暖調手帳clay-serif
歷史 / 文化 / 節日特輯ink-wash 水墨留白editorial-paper
前 3 秒鉤子、章節標誌poster-kinetic 海報撞色bauhaus-geometry

典型搭配:一部 data-journal 的評測影片,以 frosted-aurora 開場,程式碼片段使用 dev-console。不要將 poster-kinetic 或 benchmark-hud 用於整部影片(它們會很快讓人疲勞;HUD 外觀在 AI 影片中很常見)。

始終適用的規則

  • 絕不虛構基準測試數字。 使用使用者提供的或可引用的數據;在 beats 檔案的 source(data-journal 頁尾)或 caption(paper-figure)中放置引用。佔位數字必須在螢幕上標示為 示例數據。
  • 無標誌或品牌標記。 clay-serif 僅借用 Anthropic 的公開色板。
  • 每個節拍一個 <em>:它標記單一強調的詞,並驅動強調效果。
  • 聲音保持稀疏:每個風格的 sound.rules(maxPerSecond, silentShare)限制了密度,由 compose.py 強制執行。不要手動添加提示;每個列表一個聲音,在鎖定時顯露。
  • 節奏為了閱讀,而非速度:一次只移動一個東西,關鍵數字保持 ≥ 2 秒。如果影片感覺緩慢,請剪輯內容——不要縮短保持時間。
  • 所有佈局均為 1080×1920(9:16)。16:9 影片需要新佈局——請說明而不進行拉伸。

延伸

要新增風格、更改色板或修復佈局,請參閱 REFERENCE.md 中的「新增風格」。然後使用 python3 $KIT/scripts/lookbook.py $KIT/lookbook 重新產生預覽並渲染。

相關技能