用途：构建需要面向干系人、文档或营销演示视频的 Domo 自定义应用，也适用于接手现有应用并同时产出可视化演示。相较基础应用构建，它额外加入三项：从第 0 阶段起强制 Remotion 兼容样式约束，第 3A 阶段生成真实感示例数据，第 10 阶段用 Remotion 产出 10-15 秒成品演示视频。
流程：按 0-11 阶段推进，含进度清单。阶段 0 加载规则与 Remotion 样式约束（禁用 CSS transition-* 与 animation-、禁用 Tailwind transition-/animate-*、优先内联样式或 Tailwind、用标准 img、视觉状态确定、按 1920x1080 设计）；阶段 1 清单与契约；阶段 2 应用外壳（domo-js）；阶段 3 数据访问；阶段 3A 示例数据生成；阶段 4 存储（如需）；阶段 5 Toolkit（如需）；阶段 6 功能技能（如需）；阶段 7 UI 构建；阶段 8 性能审查；阶段 9 构建与发布；阶段 10 演示视频；阶段 11 验证。
主要能力：示例数据放在 src/sample-data/ 下按数据集别名分文件；数据访问层在实时查询与示例数据间切换，本地与 Remotion 中无需凭据即可渲染。演示视频直接渲染真实应用组件（非截图或标题卡），提供 AnimatedCursor 光标动画组件，支持单视图滚动、标签页/多视图等模式。
用法要点：Remotion 项目置于 demo/ 目录，配置 @app Webpack 别名与 tsconfig 路径映射，入口 registerRoot(RemotionRoot)，Composition 常用 durationInFrames 300、fps 30、1920x1080。发布命令为 npm run build、cd dist、domo publish。
限制：示例数据须为合成、确定性的，不得含真实客户数据；带 CSS 动画的组件无法在 Remotion 中捕获。具体依赖版本、其他阶段细节与完整代码示例以原文为准。