Communitygithub.com

SyedBahjat/stickman-shorts

製作並複製短影片和 YouTube 影片,使用 Remotion 和 2D 動畫。

stickman-shorts 是什麼?

這個技能「Stickman Shorts」專為 AI 代理(如 Claude Code、Cursor、Codex)設計,用於生成和複製採用扁平 2D 火柴人動畫的短影片與 YouTube 影片。技能核心是 Remotion(一個基於 React 的影片框架)並搭配超輕量的 SVG React 元件。它預設一種「You Decide」互動式敘事格式:影片結尾提供 A/B 選項,觀眾投票後,下一集會根據勝出選項繼續故事。技能支援直接克隆使用者提供的任何範例影片(如解說片、Top N 排行榜、故事旁白、知識類、測驗、你會選哪個、短劇、聊天故事、動態文字、白板動畫或橫向長片),透過分析剪輯節奏、調色板、字幕和音效來重建格式,並生成原創內容。涵蓋腳本寫作、火柴人骨架、場景、字幕、自然 TTS 語音、免版稅合成音效與音樂,最終輸出為直式、橫式或方形影片。非常適合製作互動式冒險系列、無臉頻道內容,或快速將現有影片格式以新內容重塑。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/SyedBahjat/claude-stickman-shorts/tree/HEAD/skills/stickman-shorts

在你喜歡的 AI 中提問

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

說明文件

Stickman Shorts

使用 Remotion 製作的扁平 2D 動畫影片,以 SVG React 元件呈現,支援任何長寬比。

  • **內建格式:**直式(1080×1920,30 fps)火柴人「You Decide」故事短影片。每段約 75–90 秒, 以第二人稱(「你…」)敘述,結尾提供 A/B 選項讓觀眾投票;下一段開頭會說 「大部分的人說…」並跟隨勝出路線。
  • **任何其他格式:**提供範例影片,它會重建該格式(佈局、節奏、字幕、音效) 並搭配原創內容。請參閱 references/CLONE-ANY-VIDEO.md 和 references/FORMATS.md。

0. 尋找或設定引擎

引擎是來自 https://github.com/SyedBahjat/claude-stickman-shorts 的 Remotion 專案。

  • 如果工作目錄中有 src/kit/Stick.tsx,表示你已在引擎中。直接使用它。
  • 否則詢問要在哪裡建立專案,然後執行: git clone https://github.com/SyedBahjat/claude-stickman-shorts <資料夾> && cd <資料夾> && npm install
  • 需要 Node 18+、PATH 中的 ffmpeg、Python 3(搭配 pip install -r requirements.txt 安裝 numpy、scipy)用於音效和 參考分析器,以及一個 TTS(請參閱 references/AUDIO.md;VoiceStudio 是免費且本機的)。
  • 快速測試:npx remotion still src/index.ts FreshCo-P2B out/test.png --frame=300,然後查看 PNG。

1. 選擇工作

使用者想要…執行此操作
根據一個點子製作新系列提出 3 個故事大綱 → 在 stories/<故事>/script.md 中撰寫整個分支季度(references/STORY.md)→ 建立第 1 集
下一集(「人們選擇了 B」)讀取 stories/<故事>/script.md + continuity.md,為該路徑建立第 N 集,開頭使用 MostOfYouSaid
複製範例影片(任何類型)references/CLONE-ANY-VIDEO.md:分析它、分類它、匹配外觀和音效,撰寫原創內容
不同類型的影片(解說、前五名、測驗、聊天故事、橫向…)references/FORMATS.md → 從 src/templates/Starter.tsx 開始(--props='{"format":"horizontal"}')
更改語音 / 音效references/AUDIO.md

2. 建立(詳細內容請見 references/WORKFLOW.md)

  1. 鏡頭表 + 台詞 TSV → 使用者批准劇本和 A/B 選項。
  2. 語音:node scripts/voiceover.mjs <名稱> "<台詞>" --voice <ID> --trim --loud -16(或 --from <wav>)。 轉錄每一句台詞以檢查文字。
  3. 複製 src/stories/ 中最接近的劇集(從 src/stories/freshco/FreshCoP2B.tsx 開始),替換 時間軸(LEN、SHOTS、CAPS、SFX),在 src/Root.tsx 中註冊它,然後執行 npm run typecheck。
  4. 在每個關鍵節拍渲染靜止畫面,並渲染每個移動鏡頭的幀條。先仔細查看它們再進行渲染。
  5. npx remotion render src/index.ts <ID> out/raw.mp4 --concurrency=6,然後 loudnorm 至 −17 LUFS。
  6. 交付 MP4 檔案,並附上標題、描述(包含 A/B 問題和「留言 A 或 B」)以及標籤 用於 YouTube Shorts / TikTok / Reels。

3. 最重要的規則(適用於自家風格;克隆的格式則遵循參考)

  • **外觀:**嚴格遵循 references/STYLE.md:暗淡的深色調色板、墨水輪廓、點狀眼睛、沒有嘴巴, 身分 = 身體顏色 + 一個配件,觀看者的角色 YOU 始終戴著紅色臂章。
  • **故事:**第二人稱、短句、編號規則、一個懸念揭露、一個真正困難的 A/B 選擇。
  • **動畫:**平穩的直立行走(由距離驅動,沒有腳滑動),雙手透過 reach 目標觸碰物品, 道具放在 holdF/holdB 中,硬切接緩慢推近。
  • **語音:**永遠不要對台詞進行時間拉伸或靜音壓縮(聽起來會破碎),永遠不要使用「廣播」效果, 角色聽起來要明顯與旁白不同。
  • **混音:**語音 −16 LUFS,背景音樂使用 makeDuck 進行音量閃避,最終 −17 LUFS。所有音效/音樂都在 scripts/audio/ 中合成,因此不會有版權問題。
  • **報告前:**查看靜止畫面和幀條;絕不自動在使用者的機器上播放音訊。
  • 不要在影片中植入「按讚訂閱」的要求;把它們放在描述中。

參考資料

  • references/STYLE.md:調色板、角色、場景、HUD、字幕、卡片、鏡頭
  • references/STORY.md:段落結構、寫作規則、鏡頭表、分支
  • references/AUDIO.md:TTS 選項、擬真人聲、音效列表、混音電平
  • references/WORKFLOW.md:程式碼佈局、骨架 API、動畫規則、渲染與最終檢查清單
  • references/CLONE-ANY-VIDEO.md:重建任何範例影片的格式
  • references/FORMATS.md:12 種常見影片格式的節拍結構和建置說明

相關技能