用途:用于构建需要演示视频的 Domo 自定义应用,或在接管既有应用时同步产出可视化演示。它在标准 basic-app-build 流程上增加三项内容:从 Phase 0 起强制 Remotion 兼容样式约束,使 UI 可被 Remotion 捕获与动画化而无需返工;Phase 3A 生成逼真模拟数据,使演示无需真实 Domo 数据集或凭据即可渲染出有内容的界面;Phase 10 用 Remotion 产出 10-15 秒成品应用视频。
主要能力与流程:提供 11 个阶段的进度清单,涵盖规则加载、Manifest 与契约、应用外壳(domo-js)、数据访问(dataset-query、data-api、sql-query)、示例数据生成、应用存储(appdb)、Toolkit 客户端、按需功能技能(ai-service-layer、code-engine、workflow)、UI 构建、性能审查、构建发布(npm run build -> cd dist -> domo publish)以及演示视频与验证。
Remotion 样式约束:禁止 CSS transition-* 与 animation-* 属性及 Tailwind 对应工具类;布局使用内联样式或 Tailwind;应用内正常使用 <img>;视觉状态须可由 props/数据确定性复现;按 1920x1080 设计。
示例数据:在 src/sample-data/ 下按 manifest 数据集别名建立类型化数组,生成 20-100 行确定性、无真实客户数据的模拟数据,并通过数据访问层在 Domo 运行时与本地/Remotion 之间切换。
演示视频:在 demo/ 目录搭建 Remotion 项目,通过 remotion.config.ts 配置 @app Webpack 别名直接导入应用组件,提供 AnimatedCursor 组件与单视图滚动、多视图标签等演示模式。
限制:资料未提供收费、价格、平台支持范围与效果保证等信息;具体命令与代码须保持原样,未提及的依赖或步骤暂未提供。