Communitygithub.com

tugrulz/kurzgesagt-style

扁平向量動畫「科學解說」影片的創意方向,風格源自 Kurzgesagt – In a Nutshell:飽和漸層色板、無輪廓圓角形狀、小點眼睛角色、輕快緩動動作、縮放跳躍鏡頭,以及好奇又帶點冷幽默的旁白。

kurzgesagt-style 是什麼?

這項技能為 AI 代理提供創作「Kurzgesagt 風格」解說影片的完整創意方向。它能決定影片的外觀、動態、聲音和敘事語調,並與處理程式碼實作細節的 `remotion-*` 技能(例如 `remotion-best-practices`、`remotion-markup`)搭配使用。此技能的核心是遵循十項設計原則,例如:不使用輪廓、使用圓角簡單幾何形狀、深色飽和背景搭配鮮豔強調色、統一的單一光源方向、小點眼睛的簡化角色、物件永不靜止、動畫進出節奏輕快、並以縮放作為主要特效來視覺化規模變化。工作流程分為七個階段,包含腳本與分鏡圖的批准檢查點,以及一個詳細的渲染前檢查清單,確保視覺、動畫與音訊品質。此外,技能還內建了原創性、事實準確性、可及性(字幕與閃爍限制)以及處理沉重主題時的倫理守則等防護機制。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/tugrulz/kurzgesagt-style/tree/main

在你喜歡的 AI 中提問

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

說明文件

Kurzgesagt 風格解說影片

這項技能是創意方向。它決定影片的外觀、動態、聲音和敘事語調。remotion-* 技能則決定如何用程式碼建構它:在撰寫任何 composition 之前,請先閱讀 remotion-best-practices(路由器)和 remotion-markup,並遵循其中的指示,即使與此處的程式碼片段有出入也應以它們為準。

這個類型的影片之所以有效,是因為它能讓艱澀的概念變得小巧、溫暖和有趣,同時保持視覺清晰。以下的大多數規則都是為此服務:簡單的形狀讓概念一目了然,持續的溫和運動讓它感覺充滿生命力,而大幅度的縮放則讓數字或距離能被「感受」而非「閱讀」。

風格的十項規則

  1. 無輪廓。 形狀透過填色、漸層和陰影形狀來定義。描邊僅用於圖表線條、圖形和指標,且使用統一的粗細和圓角端點。
  2. 圓角、簡單的幾何形狀。 圓形、膠囊形、圓角矩形、柔和的塊狀。如果一個形狀需要超過約十幾個路徑點,請簡化它。
  3. 深色飽和背景,亮眼強調色。 一個深色漸層背景(海軍藍、靛藍、茄子紫、深青色)搭配一兩種鮮明的強調色。冷暖對比能將視線吸引到主體上。
  4. 光線有方向性。 每個物件都由底色 + 陰影(色相偏向藍色/紫色,而非單純變暗)+ 一道高光細條組成。每個場景只有一個光線方向。
  5. 小巧、幾乎無表情的角色。 點狀眼睛,通常沒有嘴巴,四肢短小。表情來自姿勢和動作,而非臉部細節。
  6. 邊緣豐富,中心清晰。 背景圖層帶有小型低對比細節(星星、粒子、遠處的形狀)。主體則要醒目,且在縮圖大小下也能清晰辨識。
  7. 沒有任何東西是靜止的。 閒置飄移、緩慢推鏡、視差、閃爍。任何停留的畫面都會顯得不自然。
  8. 快進慢出。 元素以略帶 overshoot 的方式彈入,並以波浪狀交錯出現。淡入淡出和鏡頭移動則平順地緩慢結束。
  9. 縮放是主要特效。 穿過一個物件進入一個更小的世界,拉遠鏡頭顯示某物有多小,重複圖示直到數字落地。
  10. 文字盡量簡潔。 旁白承載內容。螢幕上的文字僅用於標籤、數字和偶爾的笑點。

工作流程

分階段進行,並設有兩個批准檢查點。腳本和分鏡圖的修改成本低廉,而動畫成本高昂,因此在開始建構前請先取得同意。

  1. 簡報。 僅詢問缺少的資訊:主題、目標觀眾、長度、長寬比、語音來源(用戶錄音、透過 remotion-markup 的 voiceover.md 使用 ElevenLabs,或靜音佔位符)、以及氛圍。預設值:16:9、1920×1080、30 fps、3-5 分鐘。
  2. 研究 → research/facts.md。一個包含「論述 | 數字 | 來源 | 信心度」的表格。切勿編造統計數據;將預估值標示為「估計值」。解說影片的好壞取決於其事實的正確性。
  3. 腳本 → script.md。閱讀 references/script-and-structure.md。檢查點:用戶批准腳本。
  4. 分鏡圖 → storyboard.md,每個鏡頭一行(範本在腳本參考文件中)。為每個鏡頭從 references/scene-recipes.md 中選擇一個配方。檢查點:用戶批准分鏡圖。
  5. 風格聖經。 將 assets/theme.ts 複製到 src/kg/theme.ts。為每個幕次選擇一個色板(「色彩腳本」;請參閱 references/visual-language.md),使氛圍隨著論點的推進而變化。
  6. 建構。 首先建構 src/kg/ 中的共享基本元素(陰影形狀、星空、角色、標籤、攝影機腳架),然後在 src/scenes/ 中為每個場景建立一個元件。閱讀 references/visual-language.md 和 references/motion-language.md。使用 remotion-create 來建立框架,使用 remotion-markup 來處理機制。
  7. 音訊。 先處理旁白,然後根據音訊時間點來推導每個鏡頭的持續時間(使用 remotion-captions 取得單字時間點,使用 calculateMetadata 處理動態持續時間)。為每次主要入場加入音樂背景和柔和的「噗/咻」音效(remotion-markup 的 sfx.md)。混音時,旁白約在 -20 dB RMS,音樂背景大約低 8 dB,峰值在 -1 dBFS 或以下。文字轉語音檔案常常在 0 dBFS 處達到峰值,因此在添加其他任何東西之前,先將旁白縮放到約 0.8(詳情請見 references/motion-language.md)。
  8. 品質檢查與渲染。 在每個節拍處、第 0 幀處以及每個場景邊界的兩側渲染靜止幀。執行下方的檢查清單,使用 remotion-render 進行渲染,然後測量結果的音訊。

專案佈局

src/
  kg/theme.ts          色板、陰影漸層、緩動預設
  kg/primitives/       陰影球體、星空、角色、標籤、攝影機腳架...
  scenes/NN-name.tsx   每個分鏡圖鏡頭群組對應一個場景
  Video.tsx            序列化場景;擁有音訊
public/                旁白、音樂、音效
research/facts.md
script.md
storyboard.md

環境注意事項

  • Windows:保持專案路徑簡短。 Remotion 啟動的工具(esbuild、渲染器、無頭 Chrome)在解析後的路徑超過 260 個字元時會因 ENOENT 而失敗。在 AppData 或深層工作階段資料夾內很容易達到這個限制,因為系統解析後路徑會變得更長。請將專案建立在類似 D:\my-video 的位置,並在建構任何東西之前先渲染一個靜止幀。
  • Remotion 內建的 ffmpeg 是最小建置版本,沒有 volumedetect 濾鏡。若要檢查音量,請將渲染結果解碼為 WAV 檔案(npx remotion ffmpeg -i out.mp4 -vn -ac 1 -c:a pcm_s16le check.wav),然後用一個簡短腳本計算峰值和 RMS。

渲染前檢查清單

對每個場景的開頭、中間和結尾的靜止幀,以及第 0 幀和每個場景邊界兩側的幀執行此檢查。

  • 非圖表線條的形狀上是否有任何輪廓?請移除它。
  • 每個物件是否有從場景單一光源方向照射而產生的陰影面和高光?
  • 畫面中除了背景色系之外,是否最多只有 2 種強調色?
  • 在 25% 的縮放比例下,主體是否仍然清晰可辨?如果不是,請放大它或降低周邊的對比度。
  • 場景的每一秒鐘內是否有任何東西在移動(閒置運動、鏡頭、粒子)?
  • 新的視覺節拍是否至少每 2-4 秒出現一次,並且通常與一個句子對齊?
  • 螢幕上的文字是否在 6 個字以內、在 1080p 下至少 36 px、並使用句首大寫格式?
  • 螢幕上的每個數字是否都有對應的來源記錄在 research/facts.md 中?
  • 每個光暈是否都是單一漸層(沒有疊加色帶),並且在第 0 幀時,螢幕外等待的任何東西是否都沒有可見的光暈?
  • 暈影是否輕微(角落約 35%)且帶有紫色調,以免明亮的物體變得渾濁?
  • 成長中的主體旁邊的文字是否保持在主體最大尺寸的範圍之外,並且計數器的方框是否能容納其最寬的值?
  • 渲染後:音訊峰值是否在 -1 dBFS 或以下,且旁白是否明顯高於音樂?

防護機制

  • 原創性。 此風格是一種流派;並非特定頻道的識別。請勿在輸出中使用 Kurzgesagt 的名稱、標誌、開場/結尾,或其特定角色(例如其鳥類角色)。請設計原創角色和原創結尾卡片,並且不要將影片呈現為該頻道的作品。
  • 準確性。 解說影片在於教學,因此有來源的事實比漂亮的畫面更重要。在旁白中表達不確定性(例如「科學家估計...」),而不是四捨五入忽略它,並在影片結尾提供來源列表。
  • 可及性。 加入字幕(使用 remotion-captions)。避免每秒超過 3 次的閃爍,包括全螢幕穿過物件的閃爍。不要僅透過顏色來編碼圖表序列;請直接標註它們。
  • 沉重的主題。 可愛的視覺加上嚴肅的主題是這類風格的魅力所在,同時也是其風險所在。對於死亡、疾病、戰爭或貧窮等主題,請保持視覺簡單,並讓笑話遠離。

參考檔案

閱讀此檔案時機
references/visual-language.md選擇色板、繪製陰影形狀、背景、角色、排版、構圖、物件配方
references/motion-language.md撰寫任何動畫:緩動、彈入、閒置運動、鏡頭、視差、穿過式縮放、圖表、時間點
references/script-and-structure.md撰寫旁白、規劃劇情弧線、節奏、事實表、鏡頭列表
references/scene-recipes.md規劃每個鏡頭:規模揭示、100 人群眾、插播畫面、時間線衝刺、流程圖等
assets/theme.ts設計 token(色板、陰影漸層、緩動預設)的起點

相關技能