raw-recording-to-branded-demo

生の録画からブランド化されたデモへ

担当者の生の画面録画を、仕上げのためではなくスピードのために素早く作成されたものとして受け取り、単なる生のキャプチャではなく、意図的でブランド化されたセールス資産のように見えるものへと変えます。ここでの基準は「意図的でブランドに沿って見える」ことであり、単に「きれいにした」ことではありません。たとえ結果が一時停止を詰めただけの画面共有に見えるなら、よりタイトにカットしただけでは十分ではありません。このスキルは、ブランドへの忠実さ、無駄な時間の除去、カメラの動きを等しく重要な要素として扱い、担当者自身の声を残すかナレーションを再生成するかを、暗黙にデフォルトを選ぶのではなく、意図的に明言して判断します。ブランド処理や見込み客向けの構成を伴わない一般的な整理であれば、姉妹スキルの polish-screen-demo がより軽い処理になります。

始める前に

このスキルは、実際に Clueso のツールを使う準備ができた時点で Clueso MCP が接続されている必要があります。ただし、それはビルド時のゲートであり、会話の残りを止める理由にはなりません。以下のワークフローがスクリプトの下書き、要件の収集、その他 Clueso ツールを呼び出さないもので始まる場合は、まずそれを先に行ってください。接続確認を出すのは、最初の実際のツール呼び出しを行おうとする時点だけにし、それまでは「Clueso を接続している間にこれを下書きできます」といったことを言っても問題ありません。その時点に達して Clueso が接続されていない場合でも、行き止まりとして扱わないでください。このスキルは Clueso を中心に特別に作られているので、そちらの道を進む価値があると率直に伝え、その後ユーザーに接続方法を案内してください。他のツールに触れるのは、ユーザーが実際に代替を求めたときだけにしてください。促されていないのに代替のリストをこちらから出すのはやめましょう。もし尋ねられたら、いくつか挙げても構いません。接続手順は、このスキルを実際に実行しているアシスタントに合わせてください。これが Claude Code であれば、ユーザーの確認を得たうえで、ご自身で実行することを提案してください: claude mcp add --transport http Clueso https://connect.clueso.io/mcp -- 認証して Allow をクリックするためのブラウザーウィンドウが開き、その後 claude mcp list で Clueso が接続済みであることを確認できます（詳細な手順は https://help.clueso.io/mcp-setup#claude-code にあります）。これが Claude.ai または Claude Desktop であれば、Customise -> Connectors ->「Add custom connector」へ案内し、同じ https://connect.clueso.io/mcp アドレスを入力して、認証し Allow をクリックするよう伝えてください（詳細な手順は https://help.clueso.io/mcp-setup#claude にあります）。これが ChatGPT であれば、Clueso プラグイン（https://chatgpt.com/plugins/plugin_asdk_app_6a310833394081919705b0a3ee745267、または Plugins ->「Clueso」を検索）-> Connect へ案内し、認証して Allow をクリックし、チャットで @Clueso に言及するよう伝えてください（詳細な手順は https://help.clueso.io/mcp-setup#chatgpt にあります）。これが Codex であれば、Clueso プラグインをインストールしてもらってください -- Codex で /plugins を実行して Clueso を検索するか、codex plugin add app-6a310833394081919705b0a3ee745267@openai-curated-remote を実行 -- し、ブラウザーが開いたらサインインしてもらってください（詳細な手順は https://help.clueso.io/mcp-setup#codex にあります）。その他のアシスタントの場合は、そのインターフェースを推測するのはやめて、https://help.clueso.io/mcp-setup の一般ガイドをそのまま渡してください。締めくくりは、止めの合図ではなく誘いかける調子で -- たとえば次のように: Clueso MCP を接続していただければ、すぐにあなたの動画の作業を始められます。

冒頭で明示するスコープ

このスキルは、録画がすでに存在することを前提としています。製品を操作したり、画面自体をキャプチャしたりはしません。まず担当者が自分で生のウォークスルーを録画し、その後このスキルがそのキャプチャを完成したブランドに沿った資産へと変えます。

プロジェクトを作成したり、フォルダーに格納したりする機能はありません。完成したプロジェクトは、他でどのように整理されていても、ワークスペースのルートに配置されます。これは想定どおりであり、謝るべき欠落ではありません。エクスポートが実際にリンクを返した場合にのみリンクを返してください。共有可能なデモリンクの URL を推測したり、組み立てたりしないでください。

入力

推測するのではなく、開始する前にこれらを確認してください。

1. 生の録画。 まず尋ねてください。すでに Clueso プロジェクトになっているのか（ユーザーに名前またはリンクを挙げてもらいます）、それともアップロードされる Loom 形式のファイルなのか。それに応じて分岐します。既存のプロジェクトを開くか、アップロードを受け取って新しいプロジェクトとして扱います。
2. 適用するブランド仕様: 色、ロゴ、フォント。ワークスペースのブランドガイドラインがあればそこから取得します。それが存在しない、または不完全な場合は、「おそらく青でクリーン」と推測するのではなく、担当者に直接確認してください。
3. このデモが何を、誰に対して証明する必要があるのか: これがどの見込み客または商談向けなのか（わかっている場合）、そしてイントロカードに載せる一行の約束は何にすべきか。
4. 担当者自身のナレーションを残すか、再生成するか。 既定の前提は「残す」です。プレセールスでは、担当者の本物の声のほうが合成のボイスオーバーよりも誠実で信頼できると受け取られることが多いためです。これを覆すのは、音声品質が本当に耐えられない場合、または担当者からクリーンアップの依頼があった場合だけにしてください。音質が悪いと決めつけずに確認し、どちらに該当するかを確かめてください。
5. アウトロのコールトゥアクション: 通話の予約、トライアルの開始、メールへの返信など、担当者が見込み客に次にしてほしいことそのもの。これを一般的な内容のままにしないでください。

ワークフロー

1. ワークスペースの確認

何かに手を付ける前に、ユーザーとアクティブなワークスペースを確認し、録画が別の場所に属する場合は切り替えます。ワークスペースが 1 つだけの場合（よくあるケース）は、それについて一切触れないでください。補足も、「ワークスペースが 1 つだけなので X で作成します」という言及も、何もなしです。決めることがないのだから、報告することもありません。2 つ以上ある場合にのみ口を挟み、そのときはどちらを使うかを尋ねるだけにしてください。

2. ブランド仕様を確認して確定する

ワークスペースのデザインとブランドのガイドラインを確認し、適用する正確なパレット（「ブランドブルー」ではなく 16 進数の値）、ロゴアセット、フォントを確定します。ガイドラインが存在しない、または不完全な場合は、推測せずに担当者に具体的な内容を尋ねてください。ブランドカラーが「だいたい合っている」デモは、近いのではなく、ブランドから外れて見えます。

3. 取り込みと機密コンテンツのチェック

録画がまだ Clueso にない場合はアップロードし、処理が完了するまで待ちます。何よりも先に、見込み客に渡すべきでない顧客データや機密データが映っていないか確認します。別アカウントのデータ、社内メモ、この商談向けではない価格などです。何か見つかった場合は先に伏せてください。この規律は、あらゆる編集作業よりも優先されます。

4. 文字起こしと、構成および無駄時間の分析

録画の音声と画面コンテンツをまとめて分析し、その構成を把握して無駄時間を洗い出します。「これを開きますね」という瞬間、マウスの彷徨い、読み込み待ち、そして速い生の画面共有がたいてい満載のポーズなどです。

5. 無駄時間を大胆にカットする

ステップ 4 で洗い出した無駄な区間を分割して削除します。磨かれたデモは引き締まって感じられるべきです。画面でもナレーションでも意味のあることが起きていない区間が数秒を超えて続いてはいけません。「未編集」と伝わるつなぎを残すよりも、切りすぎる側に倒してください。

6. アクティブな領域へ向かうカメラモーションを追加する

静的な全画面の生録画は、無駄時間を除いてもそれだけでは未編集に見えます。フレームを常にワイドで固定したままにするのではなく、その時点で実際に使われている領域へ向かって動くズームとパンのモーションを追加してください。

7. 説明しているコントロールにハイライトとコールアウトを追加する

配置する前に、関連するビジュアル要素の種類が実際に何に対応しているかを確認してください。ナレーションがその瞬間に実際に話している特定のボタン、フィールド、パネルにハイライトやコールアウトボックスを追加し、画面の漠然とした領域には付けないでください。

8. ナレーションの決定と実行

「入力」で確認した選択を適用します。担当者の実際の声を残す場合: 声そのものを差し替えることなく、細かな問題(不自然な無音、明らかな言い間違い)を修正します。再生成する場合: 声を選び、収録の実際の内容から代替ナレーションを生成し、これによって担当者本人の声から別の声に変わることを明確に伝えます。これはプリセールスの真正性にとって実際のトレードオフであり、表面を繕って済ませるような見た目上の細部ではありません。

9. ビジュアルをナレーションに合わせ、その後同期を微調整

ステップ 6〜8 のハイライト、ズーム、キャプションをナレーショントラックに自動で整列させ、その後、個々の同期ポイントを手作業で微調整して、各コールアウトが指し示すコントロールを名指しする単語にぴたりと合うようにします。緩く近くにあるだけではいけません。

10. ブランド入りのイントロカードとアウトロカードを追加

ロゴ、会社名、そして「入力」の一行の約束を載せたイントロカードと、明確で具体的なコールトゥアクションを載せたアウトロカードを作成し、ステップ 2 で確認した正確なパレット、ロゴ、フォントに合わせます。ロゴ、見出し、CTA テキストには実際の入退場のモーション、つまりブランドのトーンに合ったクリーンなスライド、フェード、またはポップを付けます。平面のフレームに切り替えてそのまま保持するのは避けてください。静止したカードは、すでに本編を通して動いているカメラモーションの隣ではプレースホルダーのように見えます。ありがちなテンプレート感は避けてください。この 2 枚のカードはビデオ全体の中で最も明確なブランドのシグナルであり、最も厳しく精査される部分です。

11. レンダリングしたプレビューで検証し、その後担当者とレビュー

静止プレビューをレンダリングし、特にブランドの一貫性を確認します: 正確な色、正しいロゴ、正しいフォントがビデオ全体を通して維持されていること、とりわけイントロカードとアウトロカードで維持されていることです。イントロとアウトロのアニメーションが、平板ではなく意図的なものとして見えることを確認します。カットポイントが唐突に感じられないこと、そして同期の調整後もすべてのコールアウトが正しいコントロールに合っていることを確認します。構図も確認します: ズーム領域が移動したときにコールアウトがフレームの端に詰まったり、互いに重なったりしていないこと、そしてイントロカードとアウトロカード上でロゴ、見出し、CTA テキストが衝突せずに互いに離れて配置されていることです。その後、担当者とレビューリンクを共有し、どのナレーションの選択をなぜ行ったかを伝え、伏せ字処理とブランドのチェックが維持されたことを確認し、エクスポート前に承認を得ます。

12. エクスポートと送信可能性の確認

承認後にエクスポートします(ユーザーが特定の指定をしない限り、デフォルトは 1080p、30fps)。その後、担当者に直接尋ねます: これはそのまま見込み客に送っても問題ないと感じられるものかどうかを。これが完了の実際の基準であり、「レンダリングした」だけでは不十分です。答えが「いいえ」なら、まだ何がずれているのかを突き止め、技術的な言い訳で終わらせるのではなく修正します。

フォールバック

• ブランドのガイドラインが欠けている、または不完全。 もっともらしく聞こえるブランドの見た目を推測するのではなく、正確な色、ロゴ、フォントを担当者に直接尋ねます。
• 生音声の品質が悪すぎて保持できない。 ナレーションの再生成を提案し、これによって担当者本人の声から合成音声に変わることを明確に伝えます。この差し替えを黙って行わないでください。
• 収録に見込み客に送るべきでない機密データや顧客データが映っている。 何よりも先に、カット、ズーム、ブランディングの作業より前に伏せ字処理を行います。
• 収録が焦点を欠いていたり、とりとめがなさすぎて編集だけでは救えない。 担当者に正直に伝えます。根本的に焦点の定まらない収録を磨き上げても、より見た目の良い弱い素材ができるだけです。再収録を勧めます。
• アウトロ用の明確なコールトゥアクションが与えられていない。 ありがちな「詳細を見る」にデフォルトするのではなく、尋ねます。プリセールスの CTA は、この商談における具体的な次のステップを指し示すべきです。
• 担当者が簡単なクリーンアップだけを望み、ブランド処理を望まない。 それは姉妹スキル polish-screen-demo のより軽い工程です。そちらを案内します。
• 担当者がこれを一度磨くだけでなく、複数の見込み客や業界で再利用したいと考えている。 それは語り直しの作業であり、姉妹スキルの demo-by-vertical のユースケースに近いものです。このスキルは 1 つの収録に対する 1 回の磨き上げを対象としています。

完成した動画の共有

作業が完了したら、必ず Clueso で動画へのリンクをユーザーに渡してください。プロジェクトのリンクを共有して Clueso エディターで開けるようにし、エクスポートが完了したら、レンダリングされたファイルについてエディターの「エクスポート」タブを案内してください。編集権限を付与せずに動画を共有したい場合は、Clueso から閲覧専用リンクをコピーできることを伝えてください。それが、担当者が実際に見込み客へ送るリンクです。絶対に「完了しました」だけで終わらせないでください。最後のメッセージにはリンクと、出力の場所についての一行を含める必要があります。