Communitygithub.com

ナレーションスクリプト

チュートリアルやデモのための音声ナレーション(実際の言葉)を作成します。耳で聞くためにフレーズされ、画面上のアクションと1指示1アクションで同期され、ペーシングの予算と自信に満ちた専門用語を排除したトーンで提供します。「誰かが言ったときに使用する」のような場合に使います。

ナレーションスクリプト とは?

このスキルは、チュートリアルやデモ動画のためのナレーションスクリプトを作成するために設計されています。視聴者は画面上の操作に集中しながら聞いているため、一文一文が視覚的なアクションと正確に同期し、簡潔でわかりやすい必要があります。このスキルは、画面上のアクションごとに1つの指示を割り当て、140~160語/分のペーシングを維持し、「基本的に」「単に」「ちょうど」などの不要な言葉を削除することで、視聴者の注意をそらさず、スムーズな学習体験を提供します。各ステップは「目標」「アクション」「確認」の3部構成で整理され、チュートリアルの流れを明確にします。出力形式は2列の表形式で、画面上のアクションとそれに対応するナレーション行をペアにし、編集者やナレーターが容易に追跡できるようになっています。このスキルは、Claude Code、Cursor、CodexなどのAIエージェントプラットフォームで利用可能で、マークダウン形式でドキュメントが提供されています。

対応~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/SkillMedev/tutorial-video-studio/tree/main/skills/narration-script

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ナレーションスクリプト は何をしますか?

チュートリアルの成否はナレーションにかかっています。視聴者は聞きながら操作を 行おう としているため、すべての言葉が画面上の注意と競合します。少なく書き、より平易に言い、各行を目に見えるアクションに結び付けましょう。

耳で聞くために書き、ページのために書かない

話し言葉は書き言葉ではありません。保持する前にすべての行を声に出して読んでください。

  • 短い文。一文につき一つのアイデア。息が切れるなら長すぎます。
  • 能動態、現在形、二人称:「保存 をクリック」—「保存ボタンはユーザーによってクリックされるでしょう」ではありません。
  • 「基本的に」「単に」「ちょうど」はすべて削除。「設定をクリックするだけ」は、行き詰まっている視聴者に「自分はバカだ」と静かに伝えます。やめましょう。
  • 短縮形は良い(「~でしょう」「~です」)。人間らしく聞こえます。

ナレーションをアクションに同期させる

絶対的なルール:画面上のアクションにつき一つの指示。そして言葉はアクション と同時に 届き、すでに起こったことを決して説明しないこと。

  • アクションを画面上で起こるほんの一拍前か、正確に同時に述べることで、視聴者の手とカーソルが一緒に動くようにします。
  • すでに完了したクリックを決してナレーションしない — 保存アニメーションの後に「そして今、保存しました」と言うのは無音の時間です。
  • 画面が複雑なことをしているときは、話すのを止めて 息をさせる。明確なビジュアルに対する沈黙は、それと戦うナレーションに勝ります。

ペースを調整する

  • 指示部分は毎分約140~160語を目標に。それより速いと、一緒に作業している人は置いていかれます。
  • スクリプトをストーリーボードのシーンごとの時間に合わせて調整します。ビートが8秒なら、約20語であり、50語ではありません。
  • 切り替え時や、視聴者が聞くより見る必要がある瞬間には、意図的に間を入れます。

各ステップを構造化する

ステップごとに信頼性の高い3部構成の形状が、視聴者の方向性を保ちます。

  1. 目標 — これから何をするのか、そしてその理由(「これを共有するために、公開リンクを作成します。」)
  2. アクション — 単一の具体的な指示(「共有 メニューを開き、リンクを知っている全員 を選択します。」)
  3. 確認 — 成功の状態(「リンクが緑色に変わったら準備完了です。」)

ステップ間を軽いトランジションで標識付けします — 「次に」「リンクができたので、次は…」— チュートリアルの骨組みが常に聞こえるようにします。

トーン

自信に満ちていて温かみのある、隣に座っている有能な同僚のように。決して見下さず、決して誇張しない。用語が最初に登場したら定義し、その後は一貫して使用します。画面上のUIラベルに 正確に 一致させる — ボタンが「新規プロジェクト」と表示されているなら、「新規プロジェクト」と言い、「プロジェクトを作成」とは言いません。

出力形式

編集者とVOタレントの両方が追跡できる2列のスクリプトを提供します。

画面上のアクションナレーション行
カーソルが共有メニューを開く「右上の共有メニューを開きます。」
リンクが公開に切り替わる「リンクを知っている全員 に切り替えます。」

ビジュアルがその瞬間を伝えるべき箇所には [ポーズ] をマークし、強調する言葉は 太字 にします。ストーリーボードの時間がわかっている場合は、行ごとにおおよそのタイミングを記載します。

してはいけないこと

  • 音楽、効果音、ミキシングの合図を書かない — オーディオのペーシング、ダッキング、ビートマッチングはサウンド&ミュージック同期の担当です。
  • シーンの順序やショットリストを計画しない — それはビデオストーリーボードであり、このスクリプトはそれに従うべきものです。
  • 視聴者がすでに見ているフィラーを説明しない(「これが画面です。ご覧の通りいくつかのボタンがあります」)。
  • 行がそのシーンの時間予算を超えないようにする;言葉ではなくポーズを削ること。

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

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

SkillMedev/tutorial-video-studio

Plan a product demo, feature announcement, or launch video as a beat sheet and shot list BEFORE animating - hook in the first 3s, problem, reveal, proof, CTA - with target duration and pacing per scene type, output as a JSON scene plan that remotion-compose consumes directly. 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

関連スキル