故事影片製作 是做什麼的？
製作一部簡短（約15-40秒）的動畫「故事影片」，產出單一自包含的HTML檔 — 包含電影級背景的動態字體排印、品牌標誌，以及嵌入的免版稅音樂（已修剪、淡入淡出並與節拍同步）。當使用者需要推廣/品牌/活動/上市/解說/「宣傳」影片、電子郵件或登陸頁面用影片，或說「製作影片/短片/故事剪輯/動畫開場」時使用。產出自含可播放的HTML，並將其渲染為真正的MP4。
製作一部簡短（約15-40秒）的動畫「故事影片」，產出單一自包含的HTML檔 — 包含電影級背景的動態字體排印、品牌標誌，以及嵌入的免版稅音樂（已修剪、淡入淡出並與節拍同步）。當使用者需要推廣/品牌/活動/上市/解說/「宣傳」影片、電子郵件或登陸頁面用影片，或說「製作影片/短片/故事剪輯/動畫開場」時使用。產出自含可播放的HTML，並將其渲染為真正的MP4。
此技能專為AI代理（如Claude Code、Cursor或Codex）設計，用於從頭開始製作簡短、專業的動畫故事影片。它會產生一個單一的、可播放的HTML檔案，其中包含動態字體排印（時間軸上的關鍵字動畫）、電影級背景圖片/影片、品牌標誌，以及一個已修剪並與視覺節拍同步的免版稅音樂曲目。輸出是一個可播放的HTML檔案，也可以使用內建的FFmpeg渲染器轉換為MP4影片。它支援Visual Studio Code、Claude Code、Cline、Cursor、Windsurf和GitHub Copilot等平台。該技能會提示使用者提供品牌名稱、標誌、關鍵字，並從Unsplash取得背景素材，從Pixabay取得音樂。它使用內建HTML中的CSS動畫進行關鍵影格動畫，並使用Web Audio API進行音樂修剪/淡入淡出。產生的HTML是自包含的，可在瀏覽器中播放，且不需要外部伺服器。
npx skills add https://github.com/theMatthewNewman/cp-skills/tree/main/story-video-prep製作一部簡短（約15-40秒）的動畫「故事影片」，產出單一自包含的HTML檔 — 包含電影級背景的動態字體排印、品牌標誌，以及嵌入的免版稅音樂（已修剪、淡入淡出並與節拍同步）。當使用者需要推廣/品牌/活動/上市/解說/「宣傳」影片、電子郵件或登陸頁面用影片，或說「製作影片/短片/故事剪輯/動畫開場」時使用。產出自含可播放的HTML，並將其渲染為真正的MP4。
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.