DEEP STAGE · ケーススタディダッシュボード

イノベーション

ダッシュボードには、3 つのアニメーション化された KPI、6 つの成長バー、前後の比較画面が表示されます。事例紹介と成果発表の13秒シーン。

モーション素材

オープニング、トランジション、字幕や一場面に使い、動画制作を補うアニメーションです。

PREVIEWdefault1920×1080 · 30fps

作者のプロフィール · @thepandaq

このテンプレートを取得して使用する

無料MITオープンライセンス

ライセンスの詳細

模板代码按 MIT 许可可商用、修改和再分发，须保留版权与许可声明；品牌、肖像、字体及第三方素材按随包分别许可。

サインインしてテンプレートを取得

無料登録で、テンプレートを無料ダウンロード

一つのアカウントで、より多くの制作サービスへ。AIアシスタントが画像、ステッカー、BGMなどを自動で選び、テンプレートをあなたの作品にするお手伝いをします。

詳細を見る · 用途・素材・実行条件

ダウンロードする前に

対応用途: 深色立体舞台上的案例数据屏：一块数据仪表盘（标题 + 3 个 KPI 数字滚动 + 6 根柱图逐根生长 + 脚注）配右侧「改造前 / 改造后」对比副屏，镜头缓慢横移。适合讲案例、复盘、增长数据的段落。
用意する入力項目: 把这次案例的关键数字发我：标题、三个指标（名字 / 数值 / 前缀 / 后缀）、六个月或六个阶段的柱图数据、数据口径脚注，以及改造前后的三行对比。 · 案例标题、3 个 KPI、6 根柱图、脚注口径、改造前 / 改造后的三行数据
要我按这段数据屏的节奏推荐一段授权背景音乐吗？还是你自带音乐？ · 可选：一段克制的低频电子 / 氛围床，衬数据入场 · 模板不内置音频；没有音乐时保持静音也成立，画面节奏按 13 秒固定。
需要我把附带音效混进成片吗？也可以换成你自己的音乐或完全静音。 · 随包附带的可选音效轨：纯合成音调设计，按本模板真实动画时间线对齐；支持音频的宿主在渲染后混入 · 宿主不支持音频时输出静音视频，画面与时长不受影响；不得声称已包含声音。
左上角品牌名 · 1–3 个英文词，全大写最好看；也会作为左侧竖排小字显示。
数据屏左上角小标签 · 建议「类别 / 中文说明」，不超过 42 个字符。
案例标题 · 一行写完，8–16 个中文字最好；超过 20 个字会被屏幕裁掉。
三个关键指标 · 固定 3 条，每条写指标名（12 字内）、数值、前缀（+ / − / 空）和后缀（% / 万 / 空）；数值支持 0–2 位小数。
六根柱图数据 · 固定 6 条，value 是 0–100 的柱高，最高的一根会自动变成主色高亮；label 是横轴标签（6 字内）。
数据脚注 · 一行写清口径、范围与样本量，60 字以内。
改造前三行数据 · 固定 3 条，每条行名 8 字内、行值 10 字内（可带单位，如 21天）。
改造后三行数据 · 固定 3 条，行名必须与改造前一一对应，行值可带单位（如 12天）。
对比卡（前）标题 · 10 字以内，默认「改造前」。
对比卡（后）标题 · 10 字以内，默认「改造后」。
KPI 对照说明 · 三个指标右下角的同一句小字，如「VS 2025 同期」；留空则只显示指标名。
柱图标题 · 图表左上角的标题，建议「TREND / 中文说明」。

ローカルで実行 · ランタイム検証

ファイルとコマンドへのアクセス、および宣言されたランタイム依存関係が必要です。

バージョンとライセンス: 1.0.0 · licenses/TEMPLATE-LICENSE.txt
ローカルで実行: ファイルとコマンドへのアクセス、および宣言されたランタイム依存関係が必要です。
html-canvas/1 · src/index.html · motion.lock.json · 0: {"name":"motion.mini","version":"1.3.0","source":"bundled","path":"assets/motion.js","license":"本模板许可"}
ランタイム検証: 作者申告によるもので、独立した検証は行われていません
{"os":"Windows 11 x64","node":"26.4.0","browser":"Chromium 152.0.7977.30（headless shell）","renderer":"DEEP STAGE 预览渲染器（Puppeteer 逐帧 screenshot + FFmpeg）","testedAt":"2026-10-18","durationSeconds":13,"frames":390}

概要はテンプレート紹介（README.md）およびこのバージョンの motion.json、params.schema.json、guide.json に基づきます。不明な情報は未検証のままです。

ダウンロード後の使い方

.motionをダウンロードして原本を保管します。
ファイルとコマンドのアクセス権を持つAIアシスタントに渡します。
実行時の依存関係を確認し、プレビューしてからエクスポートします。

添付のアップロード完了後に指示を送り、実際に読めたか確認してもらいます。読み込みが続く場合は再送するか ZIP 互換ファイルを使ってください。.motion は ZIP 形式のため再圧縮は不要です。読めない場合は、助手がアクセスできるローカル制作フォルダーに元ファイルを置いてください。ファイルの受け渡し方法 →

パッケージの詳細と引き渡しテキスト

file: deep-stage-case-data-1.0.0.motion
size: 6.3 MB
sha256: 5a22647ba365…

AIアシスタントに渡す

このMotionGitテンプレートを私のコンテンツに使ってください。まず添付または現在のプロジェクトの元ファイルを実際に読み、名前、サイズ、外側の項目を読み取り専用で確認してください。アップロード中やアクセス不可なら明示し、受信済みと推測したり.motionを別のZIPに入れるよう勧めたりしないでください。原包を保持し、00-START-HERE.mdとassistant/guide.jsonがあれば先に読み、同梱の入口と本人識別を検証して実際の素材契約を確認してください。全体の展開、別のSkill・ホストの取得、識別情報のコピーは不要です。入口がない場合は実際のmotion.json、guide.json、READMEを読んでください。編集項目、必要素材、実行条件を先に説明し、未確認コードを実行せずKeyを表示しないでください。私の内容と許可に従って進めてください。

AI向け手順 →

ダウンロードに含まれるもの：個人用APIキー。個人キーを含む .motion ファイルは共有しないでください。テンプレートのリンクを共有してください。アクセスではクレジットは付与されず、条件を満たす友人の実際の支払いで招待報酬が発生します。

模板代码按 MIT 许可可商用、修改和再分发，须保留版权与许可声明；品牌、肖像、字体及第三方素材按随包分别许可。

実行環境の詳細

Runtime: html-canvas/1
Output: 1920×1080
Frame rate: 30 fps
Duration: 00:13
Params: 22
Styles: 1
Network: offline
Spec: 0.1.0-draft.1

概要

事例データ KPI 棒グラフ前後の比較モーションフラグメント

アニメーション解説
156 ダウンロード数
更新日時 12日前
作成ツール deepseek-flash作成者による宣言

静的チェック

Package structure and path safetyRoot manifest: motion.jsonParameters and style branchesUser guidance and duration adaptationFile integrityPersonal information and credentialsInstructions and licensesAuthoring provenance

合格：パッケージ構造と自動スキャンを通過しました。これらのチェックは著作権の所有権を検証したり、コードの安全性を保証したりするものではありません。

開発者向け資料

ファイルフォーク · 0

置き換え可能な項目

パラメータ	説明	型	制約	デフォルト
`brand`必須	左上角品牌名（同时作为左侧竖排小字）。	string	≤ 24 文字，≥ 1 文字	`DEEP STAGE`
`kicker`必須	数据屏左上角小标签，建议「类别 / 中文说明」。	string	≤ 42 文字，≥ 1 文字	`CASE / 案例复盘`
`title`必須	案例标题，一行显示，建议 8–16 个中文字。	string	≤ 20 文字，≥ 1 文字	`一次改版，三个指标翻面`
`kpis`必須	三个关键指标，固定 3 条，按顺序占据三个卡片。	array	—	`—`
`bars`必須	柱状图 6 根，固定 6 条；value 是 0–100 的高度比例。	array	—	`—`
`footnote`必須	数据屏底部脚注：口径、样本量与来源说明。	string	≤ 60 文字，≥ 1 文字	`数据口径 2026 Q1–Q3 · 华东大区 · N=1,284`
`before`必須	改造前卡片的三行数据。	array	—	`—`
`after`必須	改造后卡片的三行数据（与 before 一一对应）。	array	—	`—`
`beforeTitle`必須	对比副屏上卡片标题（前）。	string	≤ 10 文字，≥ 1 文字	`改造前`
`afterTitle`必須	对比副屏下卡片标题（后）。	string	≤ 10 文字，≥ 1 文字	`改造后`
`kpiNote`	三个 KPI 右下角的小对照说明；留空则只显示指标名。	string	≤ 20 文字	`VS 2025 同期`
`chartLabel`	柱图左上角的图表标题。	string	≤ 36 文字	`TREND / 月度转化指数`
`chartRange`	柱图右上角的区间 / 口径小字。	string	≤ 40 文字	`INDEX · APR → SEP 2026`
`chartMarker`	柱图中间的竖虚线标记文案（如改版上线）；留空则隐藏标记线。	string	≤ 10 文字	`改版上线`
`lockLabel`	数据屏右上角的数据锁定小标签；留空则隐藏。	string	≤ 40 文字	`DATA LOCKED · 2026 Q3`
`compareLabel`	对比副屏顶部的小标题。	string	≤ 24 文字	`BEFORE / AFTER`
`footTag`	脚注右侧的来源标签。	string	≤ 32 文字	`SOURCE / CRM EXPORT`
`chapter`	右上角章节号，写法「04 / 06」；只有数字也能显示。	string	≤ 16 文字	`04 / 06`
`screenLabel`	右上角章节名，出现在章节号下方。	string	≤ 36 文字	`CASE / 案例讲解`
`meta`	右下角角标信息，建议日期 / 版本 / 规格。	string	≤ 52 文字	`DEEP STAGE · TEMPLATE V1.0 · 1920×1080`
`caption`	底部字幕（口播字幕，可留空）；用 <em>…</em> 可让局部变主色。	string	≤ 34 文字
`accent`必須	主色（六位十六进制）。默认冷青，可改暖金 #FFB168 或紫罗兰 #A78BFF。	string	#RRGGBB	`#4DE3FF`

その他のアニメーション解説

すべて表示

16:900:19テンプレートを表示

ドット方眼ノート · 学習ガイド

無料

完全テンプレート

adunext · アニメーション解説

16:903:29テンプレートを表示

チョーク黒板 · 科学解説

無料

完全テンプレート

adunext · アニメーション解説

16:903:12テンプレートを表示

スイス・グリッド · 知識解説

無料

完全テンプレート

adunext · アニメーション解説

16:900:23テンプレートを表示

カラフルな幾何学 · 数学デモ

無料

完全テンプレート

adunext · アニメーション解説

更新履歴

各バージョンの改善、修正、今後の対応事項。

AI アシスタントでテンプレートを更新する

古いテンプレートをアシスタントに渡し、次の文を送信します。新しいバージョンは別のファイルとして保存され、古いパッケージとプロジェクトは保持されます。

https://motiongit.com/update.md を押してこの MotionGit テンプレートを直接更新し、古いパッケージと既存のプロジェクトを保持して、完了したらどの新しいファイルを使用するかを教えてください。

v1.0.0最新版2026年10月18日
最初の提出: KPI の純粋な関数のスクロール、列を 1 つずつ拡大、2 番目の画面の表と裏の比較。すべてのコピーライティングと数値パラメータはパラメータ化されています。オプションの効果音トラック。
元のテキストを表示
首次提交：KPI 纯函数滚动、柱图逐根生长、前后对比副屏；全部文案与数值参数化；可选音效轨。

COMMUNITY

コメントと制作例

質問、使用感、このテンプレートで作った作品を共有できます。

まだコメントはありません。最初の作品を共有しましょう。

DEEP STAGE · ケーススタディダッシュボード

テンプレートの共有で、アカウントの最初の応援者に出会いましょう

置き換え可能な項目

その他のアニメーション解説

ドット方眼ノート · 学習ガイド

チョーク黒板 · 科学解説

スイス・グリッド · 知識解説

カラフルな幾何学 · 数学デモ