Communitygithub.com

SkillMedev/tutorial-video-studio

在動畫製作前,將產品示範、功能公告或發布影片規劃成節拍表和鏡頭清單——前3秒鉤子、問題、揭示、證明、CTA——附帶每個場景類型的目標時長與節奏,輸出為一個可供remotion-compose直接使用的JSON場景計劃。

tutorial-video-studio 是什麼?

這是一個專門用於影片腳本規劃的AI技能,能協助開發者或內容創作者在實際動畫製作前,系統性地建構產品示範、功能公告或發布影片的結構。它遵循標準的行銷影片敘事框架(前3秒鉤子、問題、揭示、證明、CTA),並為每個場景類型指定目標時長和節奏控制。主要輸出是一個結構化的JSON格式場景計劃,該計劃可直接被remotion-compose工具消費,實現從規劃到動畫生成的無縫銜接。此技能適用於需要快速迭代影片腳本與分鏡的團隊,特別是在使用Remotion進行程式化影片製作的開發環境中,能顯著減少前期溝通與重複改稿的成本。支援的平台包括任何可與Remotion整合的Node.js專案或CLI工具。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/SkillMedev/tutorial-video-studio/tree/main/skills/video-storyboard

在你喜歡的 AI 中提問

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

說明文件

tutorial-video-studio 是做什麼的?

在動畫製作前,將產品示範、功能公告或發布影片規劃成節拍表和鏡頭清單——前3秒鉤子、問題、揭示、證明、CTA——附帶每個場景類型的目標時長與節奏,輸出為一個可供remotion-compose直接使用的JSON場景計劃。當有人說「我需要規劃一個產品示範影片」時使用。

Individual skills in this repo

This repo contains 11 individual skills — each has its own dedicated page.

Captions From Transcript

Produce an accurate, properly timed caption track (SRT or WebVTT) from a video

Kinetic Typography

Put text in motion the right way - title cards, animated captions, lower-thirds, callouts, and word-by-word reveals - with a reading-time-per-word budget so copy holds long enough to read, plus enter/exit timing, weight and size transitions, and type hierarchy in motion. Use when someone asks to

Motion Design Principles

The craft layer for motion: pick the right easing (ease-in / ease-out / ease-in-out / spring), get timing and spacing right, build the anticipation→action→follow-through arc, and apply Disney

Narration Script

Write the spoken voiceover for a tutorial or demo - the actual words, phrased for the ear and synced one-instruction-per-action to what is on screen, with a pacing budget and a confident, jargon-checked tone. Use when someone says

Product Demo Director

Direct the craft of putting a real software UI on screen - cursor choreography, zoom/pan/callout language, screen-recording vs recreated-UI, and making state changes legible with highlights, focus pulls, and slow-downs. Use when filming or recreating an app for a product demo, feature walkthrough, onboarding clip, or release reel and asking

Remotion Compose

Turns a natural-language video brief into a complete, ready-to-preview Remotion composition - extracts duration, scenes, brand colors, aspect ratio, and real copy; plans the frame budget; and writes data-driven React/TypeScript using useCurrentFrame, interpolate, spring, AbsoluteFill, and Sequence, registered in Root.tsx. Use when someone says

Remotion Render

Renders a Remotion composition to MP4 and runs the edit-and-re-render loop - CLI render commands, 1080p/4K/9:16 presets, concurrency tuning, codec selection, batch variants from a JSON data file, and Lambda for cloud rendering. Use when someone says

Remotion Setup

Scaffolds a new Remotion video project wired for Claude Code Agent Skills - Node check, create-video scaffold, skills install, folder conventions, Google Fonts, and a smoke-test render. Use whenever someone wants to start making videos with Remotion and Claude, even just

Screencast Capture

Capture clean raw screen and camera footage for a tutorial or product demo - choosing the recorder (macOS Screenshot toolbar, QuickTime, OBS, Windows Game Bar), setting resolution / frame-rate / cursor / microphone, prepping a distraction-free stage, and recording in retakeable segments. Use when someone says

Social Video Formatter

Reframe and export a finished video for social platforms - 9:16 ↔ 16:9 cropping, burned-in captions, a platform-native first frame, loop design, and per-platform specs (aspect, length, safe areas) for TikTok, Reels, Shorts, X, and LinkedIn. Use when someone says

Sound and Music Sync

Score a video like an editor: beat-match cuts to the music, land SFX on transitions, pace the voiceover so it breathes, source royalty-free tracks safely, and duck the music so the VO sits clearly on top. Use when adding music, sound effects, or voiceover to a video, when asked to

相關技能