SuperAPI AI 工具集

stacked-data-cards

数据与分析

查看项目

更新于 10-16 04:57

技能介绍

用途:根据用户给出的论点与数据材料,生成一个单文件 HTML 自动播放动画。深色舞台中央,白色数据卡从底部依次弹入居中,旧卡向左叠成逐渐缩小、倾斜的牌堆,每张卡内的数据可视化组件按毫秒级时间线级联入场,全程无需交互,时长可对齐口播秒数,录屏即成片。

主要能力:卡片具备 upcoming(底部屏外待命)、active(弹入居中)、stacked(左叠成牌堆)三态;卡面左上角有超大半透明序号徽章。支持的内容类型包括折线对比图、大数字加环形仪表、对比条、数据表格、图标卡组、金句横幅、角色小场景与角注。内置动画包括数字 count-up、SVG 折线描边、条形填充、表格行与图标卡级联淡入、弹性元素弹出,可选 WebAudio 合成低音 thud 音效。

使用方式:先与用户确认主题、论点数量与时间预算,按口播句读分配每卡时长;再规划每张卡的标题、主组件、辅助组件、角注与驻留时长;按视觉与时间线规范生成单文件 HTML(内联 CSS/JS、零外部依赖、约 400~900 行);最后自检并报告文件路径、卡片数、时间线总时长与主题色。参考资料包括起步骨架 assets/template.html 与两个成片实例,组件规格见 references/components.md。

适用场景:视频中的数据论证、研究结论展示、观点陈列、反直觉点揭示等。

限制:推荐 2~5 张卡,3 张最佳;卡间切换建议 6~15 秒,卡内最后一个动画需在驻留时长内完成并预留约 1.5 秒静止阅读时间;音效需 try/catch 静默失败,不依赖音频文件。其余细节暂未提供。