16種類のVFXリッチカードテンプレートとパラメータ設定ガイド

Cuevo AIは独自開発のスクリプト駆動型リッチカードテンプレートを搭載しています。スクリプト編集で直接カードタイプを指定するだけで、レンダリング時に最終動画の上に高品質なデザイン排版やデータ可視化レイヤーを自動で重ね合わせます。

💡 インタラクティブ・アリーナ説明

以下に Cuevo バックエンドの実際のレンダリングプレビューを再現しています。リストをクリックしてテンプレートを切り替えることで、生成効果、パラメータ仕様、Promptヒントを直感的に確認できます。

カードを選択してプレビュー

CUEVO 動画レンダリングビューポート (シミュレーション)

「

」

⅃

◆ TEXT_CARD

テキストカード

▪アバターの姿勢の滑らかなブレンドトランジション
▪感情エンベロープ制御付きのリアルタイムクローン音声
▪エンタープライズ対応の SOC 2 Type II セキュリティ基準

16種のVFXリッチカード詳細百科

各カードの役割、パラメータ要件、および使用時の推奨事項は以下の通りです：

テキストカード (Text Card)

TEXT TEMPLATE

主要な概念フレームワーク、箇条書きリスト、段落の要約、または補足説明文を表示するために使用します。

💡 最適な利用シーン：最も汎用的な基本カードです。核心的な定義をスッキリとまとめ、学術、テクノロジー、ビジネス紹介のイントロダクションに広く使われます。

✍️ おすすめの使い方：原稿モードでは、システムはデフォルトでこのテンプレートを背景として優先選択します。必要に応じて、カットエディターで手動で他のカードタイプに変更できます。

CUEVO 動画レンダリングビューポート (シミュレーション)

「

」

⅃

◆ TEXT_CARD

テキストカード

▪アバターの姿勢の滑らかなブレンドトランジション
▪感情エンベロープ制御付きのリアルタイムクローン音声
▪エンタープライズ対応の SOC 2 Type II セキュリティ基準

📋 主要パラメータ仕様 (Payload)：

パラメータ名	データ型	用途の説明
title	string	カードの見出し（推奨14文字以内）
subtitle	string	オプション、副見出し（推奨18文字以内）
points	string[]	オプション、箇条書きのテキストリスト

数値ハイライトカード (Data Callout)

METRIC TEMPLATE

パーセンテージ、比率、主要数値を特大文字でハイライト表示し、小さな説明ラベルを添えます。

💡 最適な利用シーン：ビジネス分析や研究の成果データを強調する際、極端なサイズ比率を用いて瞬時に視聴者の目線を引きつけます。

✍️ おすすめの使い方：大きな数値を入力する際は、単位（%、K、W、億など）を含めることで、エンジンがレイアウトフォント比率を正しく計算します。

CUEVO 動画レンダリングビューポート (シミュレーション)

◆ 主要指標

98.6%

レンダリングフレーム同期率

LTX および VAD アライメントアルゴリズムにより物理検証済み

📋 主要パラメータ仕様 (Payload)：

パラメータ名	データ型	用途の説明
dataValue	string	強調表示する特大データ（例：'98.6%' や '350K+'）
dataLabel	string	該当数値が表す指標のラベル（推奨12文字以内）
dataNote	string	オプション、最下部に表示する補足注記やデータソースのテキスト

データグラフカード (Chart Card)

VISUAL CHART

画面上にクリアな折れ线グラフ、棒グラフ、または円グラフを描画し、データを視覚的に提示します。

💡 最適な利用シーン：経済トレンド、対比データ、時間経過に伴う指標の変化などを客観的に表現するのに最適です。

✍️ おすすめの使い方：データを調整するには、カットエディターの chart_series 入力欄に有効なJSON文字列を入力します。

CUEVO 動画レンダリングビューポート (シミュレーション)

「

」

⅃

◆ CHART_CARD

データグラフカード

新規購読者数+14,200

5月01日5月15日5月30日

📋 主要パラメータ仕様 (Payload)：

パラメータ名	データ型	用途の説明
title	string	グラフの文字タイトル
chartSeries	JSON string	シリーズ座標を表すJSON（例：[{name:'データA', data:[[1,10],[2,20]]}]）

数式カード (Equation Card)

FORMULA PREVIEW

数学や物理、化学の数式や公式の展開プロセスを、LaTeXフォントでエレガントに表示します。

💡 最適な利用シーン：物理学、機械学習の数式展開、数学的証明など、科学系の解説に適しており、低画質な画像切り貼りから脱却できます。

✍️ おすすめの使い方：LaTeXを書く際は、数式記号のみを記入し、前後に $$ は含めないでください。エンジンが自動で均等幅フォントとして調整します。

CUEVO 動画レンダリングビューポート (シミュレーション)

「

」

⅃

◆ ENERGY_EQUATION

音声端点エネルギー検出方程式

E(t) =

∫

tt-W

|S(τ)|²•h(t - τ) dτ

スライディングウィンドウ積分による実効音圧レベル(RMS)の算出

📋 主要パラメータ仕様 (Payload)：

パラメータ名	データ型	用途の説明
eqTitle	string	数式のタイトル（例：'ガウス分布密度関数'）
eqLines	string[]	複数行のLaTeX文字列配列。1行につき1式を記入

比較カード (Comparison Card)

A/B MATRIX

画面を2分割して、異なるソリューション、テクノロジーのバージョン、または実験群と対照群の指標を対比させます。

💡 最適な利用シーン：競合分析、前後比較、メリット・デメリットの整理などに用いられ、視覚的に優れたバランスを提供します。

✍️ おすすめの使い方：左右のテキストの長さと行数をできるだけ対称に保つことで、動画内でのレイアウト崩れを防ぐことができます。

CUEVO 動画レンダリングビューポート (シミュレーション)

「

」

⅃

◆ COMPARISON_CARD

比較カード

CUEVO パイプライン

+98%

全自動スマート生成

従来パイプライン

12%

手動による高コスト調整

📋 主要パラメータ仕様 (Payload)：

パラメータ名	データ型	用途の説明
leftTitle	string	左列の見出し
leftItems	string[]	左列の特徴や説明の箇条書き
rightTitle	string	右列の見出し
rightItems	string[]	右列の特徴や説明の箇条書き

パラメータ名	データ型	用途の説明
rankingItems	JSON	順序インデックスとコンテンツを含むリスト配列（推奨5行以内）

◆ QUOTE_CARD

引用カード

“テクノロジーの究極の目的は複雑さを排除し、真理を視覚的なインスピレーションに変えることである。”

— ヤニック・クエヴォ

📋 主要パラメータ仕様 (Payload)：

パラメータ名	データ型	用途の説明
quoteText	string	引用本文（推奨10〜60文字程度）
quoteSpeaker	string	原著者または発言者の名前
quoteTitle	string	オプション、発言者の役職や肩書

代码表示カード (Code Card)

SOURCE CODE

本物そっくりの暗色IDEテーマを用い、行番号と各言語のシンタックスハイライトに対応したコード枠を表示します。

💡 最適な利用シーン：プログラミング講座やシステム設計など、ソースコードを提示するシーンの録画に適しています。

✍️ おすすめの使い方：長いスクリプトは避け、コアロジックを抜粋することで、モバイル画面でも読みやすさを維持します。

CUEVO 動画レンダリングビューポート (シミュレーション)

「

」

⅃

◆ SOURCE_CODE

コード表示カード

1def compile_final_shot(shot_id):

2 # LTX映像とTTS音声をロード

3 video = load_video(shot_id)

4 audio = load_audio(shot_id)

5 return merge_av(video, audio)

📋 主要パラメータ仕様 (Payload)：

パラメータ名	データ型	用途の説明
code	string	表示するコード本文（推奨18行以内）
language	string	記述言語（例：python, javascript, rustなど）
filename	string	オプション、右上に表示するファイルタブの名前

コード実行カード (Code Run Card)

TERMINAL CONSOLE

上部にコードスニペット、下部に擬似ターミナルコンソールを重ねて表示し、コードの実行ログや実行結果を出力します。

💡 最適な利用シーン：プログラムにリアルタイムの出力結果を組み合わせることで、開発者向けのより実践的な講義を実現します。

✍️ おすすめの使い方：passed=true のパラメータを設定することで、ターミナル上に成功ステータスログが鮮やかな緑色で出力されます。

CUEVO 動画レンダリングビューポート (シミュレーション)

「

」

⅃

◆ CODE_RUN_CARD

コード実行カード

def calculate_viral_score(views, rate):
    score = (views * rate) / 100
    if rate > 0.15:
        score *= 1.5
    return round(score, 2)

result = calculate_viral_score(15200, 0.18)
print(f"Score: {result}")

出力: Score: 41.04成功

📋 主要パラメータ仕様 (Payload)：

パラメータ名	データ型	用途の説明
code	string	コードスニペット
passed	boolean	実行が成功したかどうかを制御し、ターミナルに [SUCCESS] または [FAIL] を表示します
takeaway	string	最下部に表示される技術要約のテキスト

トポロジー・系統図カード (Diagram Card)

SYSTEM ARCHITECTURE

システム構成図、フロー図、Excalidraw手書きスタイルなど、さまざまな図表を表示します。

💡 最適な利用シーン：システムアーキテクチャの解説、データ処理の流れ、モジュール間の依存関係を明確に示すのに最適です。

✍️ おすすめの使い方：プロンプトでノード名と矢印接続（例：A -> B -> C）を指定することで、エンジンが正確な系統図を描画します。

CUEVO 動画レンダリングビューポート (シミュレーション)

「

」

⅃

◆ DIAGRAM_CARD

トポロジー図解カード

📋 主要パラメータ仕様 (Payload)：

パラメータ名	データ型	用途の説明
diagramContent	string	描画ロジックを記述したプロンプト
diagramStyle	string	表示デザイン（例：'sketch', 'neon' など）

ポスターカード (Poster Card)

CHAPTER BANNER

広い範囲にカラーグラデーションを敷き詰め、画面中央に章タイトルや移行メッセージを大きく表示します。

💡 最適な利用シーン：チャプターの移行、序章の開始、または映像の中で重要な転換点となる段落を強調するのに最適です。

✍️ おすすめの使い方：海報カードを検出すると、アバターは非表示（音声のみ）になり、グラフィックスが全画面に表示されます。

CUEVO 動画レンダリングビューポート (シミュレーション)

ビジュアルマトリクスAUTOMATION SYSTEM

CUEVO

タイムライン生成パイプライン

生成フレーム率: 60.0100% 自動書き出し

📋 主要パラメータ仕様 (Payload)：

パラメータ名	データ型	用途の説明
posterContent	string	画像生成用プロンプト
posterStyle	string	スタイルテンプレート（例：'tech_gradient', 'ink_wash' など）

ウェブスクロールカード (Webpage Card)

BROWSER VIEWPORT

ブラウザ風のウィンドウを表示し、指定したURLを読み込んでマウスで下スクロールする様子を再現します。

💡 最適な利用シーン：SaaSのUI画面、ニュースサイト、製品ページを動画に挿入する際、手動で録画する手間を完全に排除できます。

✍️ おすすめの使い方：指定するURLはインターネットからアクセス可能である必要があります。レンダラーが 1280x720 枠でスクロールをシミュレートします。

CUEVO 動画レンダリングビューポート (シミュレーション)

https://cuevo.ai

Cuevo AI キャスター

口元微細制御アルゴリズムが、原稿タグに応じた自然な瞬き、頷き、微笑みを挿入します。

📋 主要パラメータ仕様 (Payload)：

パラメータ名	データ型	用途の説明
webpageUrl	string	読み込み先ウェブページの絶対パスURL
webpageHighlightSelector	string	オプション、特定の要素を赤枠で囲みハイライトするためのCSSセレクタ

3D ニューラルネットワーク (3D Neural Network)

DEEP LEARNING MODEL

複数のネットワークレイヤーとノードを持つ 3D ニューラルネットワーク構造を生成し、ゆっくりと回転させます。

💡 最適な利用シーン：AIモデルのアルゴリズム、順方向伝播、ウエイトの役割などを 3D 空間で直感的に可視化して伝えます。

✍️ おすすめの使い方：nnHighlightLayer で特定レイヤー（例：2層目）を指定すると、そのレイヤーのノードに脈動する発光リングが付与されます。

CUEVO 動画レンダリングビューポート (シミュレーション)

◆ Neural Network topology

Topology: [3, 4, 2] Active Learning

📋 主要パラメータ仕様 (Payload)：

パラメータ名	データ型	用途の説明
nnLayers	string	各レイヤーのノード数をカンマ区切りで入力（例：'4, 8, 8, 2'）
nnShowConnections	boolean	接続線のウエイトの表示/非表示を切り替えます

3D 化学分子モデル (3D Molecule Card)

CHEMICAL STRUCTURE

3D空間に分子構造を生成し、回転表示します（球棒モデル、空間充填、ワイヤーフレームなどに対応）。

💡 最適な利用シーン：物理、有機化学、創薬プロセスなどの化学結合の解説において、高品質な理数グラフィックスを提供します。

✍️ おすすめの使い方：SMILES規格に準拠した化学式を入力してください。システムが自動で3次元座標系を計算して物理結合をレンダリングします。

CUEVO 動画レンダリングビューポート (シミュレーション)

◆ 3D Molecule Structure

SMILES: CO (Methanol Structure)

📋 主要パラメータ仕様 (Payload)：

パラメータ名	データ型	用途の説明
moleculeSmiles	string	化学分子のSMILES構造式（例：'CCO' (エタノール) や 'c1ccccc1' (ベンゼン)）

紫微命盤カード (Ziwei Chart Card)

ASTROLOGY BOARD

生年月日などから古典的な 4x4 の十二宮紫微命盤を作成し、主要な星の配置を表示します。

💡 最適な利用シーン：伝統的な文化解説や占いコンテンツに特化。プラグインなしで、財帛宮や官禄宮への紅枠強調を行えます。

✍️ おすすめの使い方：パラメータを変更后、カットエディターで「Reflect & Refine」をクリックすると、命盤各宮のウエイトとアライメントが自動補正されます。

CUEVO 動画レンダリングビューポート (シミュレーション)

「

」

⅃

◆ ZIWEI_CHART

紫微命盤カード

遷移 (申)

巨門

疾厄 (酉)

天相

财帛 (戌)

武曲七殺

忌

子女 (亥)

太陽

交友 (未)

天机

三方四正

夫妻 (子)

天同

官禄 (午)

廉贞破軍

权

兄弟 (丑)

紫微

田宅 (巳)

太阴

福徳 (辰)

贪狼

父母 (卯)

天府

命宮 (寅)

紫微左辅

科

命盤分析

命宮 / 財帛宮

断語解釈

古文: 羊陀夾忌

誤読: トラブルが起きる

中立的: 遅延や摩擦が発生

📋 主要パラメータ仕様 (Payload)：

パラメータ名	データ型	用途の説明
ziweiPalaces	string	十二宮の主星配置データ（1行に1宮）
ziweiFocus	string	赤枠でハイライトする宮の名前（例：'命宮, 财帛宫'）

周易卦卡カード (Zhouyi Hexagram)

HEXAGRAM MUTATION

本卦と変卦の陰陽の罫線を並べて表示し、動爻の推移に伴う爻辞の原文と解説を提示します。

💡 最適な利用シーン：易経、古典思想の解説や、今日の指標解説などに適しており、静かで知的な雰囲気を演出します。

✍️ おすすめの使い方：上下の卦は指定の卦名に基づいて自動で線画されるため、手動で陰陽（実線や破線）を描画する必要はありません。

CUEVO 動画レンダリングビューポート (シミュレーション)

「

」

⅃

◆ ZHOUYI_HEXAGRAM

周易卦カード

需卦第五爻：準備、単なる待ちではない

問: 今離職する場合、今後3ヶ月の見通しはどう展開しますか？

本卦 (需)

上坎水・下乾天

→五爻変

変卦 (泰)

上坤地・下乾天

「需は酒食においてす、貞吉」

待つとは何もしないことではありません。条件を整え、日常のペースを崩さないことです。

卦はどちらの道を選ぶか教えるものではなく、今どこでつまずいているかを示します。

📋 主要パラメータ仕様 (Payload)：

パラメータ名	データ型	用途の説明
question	string	占う事柄（例：'今日の行動ガイド'）
originalHexagram	string	本卦の卦名（例：'需卦'）
movingLines	string	动爻の番号（例：'5' または '九五'）

16種のリッチカードVFXテンプレート効果の完全紹介

💡 インタラクティブ・アリーナ説明

テキストカード

16種のVFXリッチカード詳細百科

テキストカード (Text Card)

テキストカード

数値ハイライトカード (Data Callout)

データグラフカード (Chart Card)

データグラフカード

数式カード (Equation Card)

音声端点エネルギー検出方程式

比較カード (Comparison Card)

比較カード

ランキングリスト (Ranking List)

ランキングリスト

引用カード (Quote Card)

引用カード

代码表示カード (Code Card)

コード表示カード

コード実行カード (Code Run Card)

コード実行カード

トポロジー・系統図カード (Diagram Card)

トポロジー図解カード

ポスターカード (Poster Card)

ウェブスクロールカード (Webpage Card)

Cuevo AI キャスター

3D ニューラルネットワーク (3D Neural Network)

3D 化学分子モデル (3D Molecule Card)

紫微命盤カード (Ziwei Chart Card)

紫微命盤カード

周易卦卡カード (Zhouyi Hexagram)

周易卦カード

他にご質問はありますか？