SuperAPI AI 工具集

animated-numbers

设计与创作

查看项目

更新于 10-21 07:40

技能介绍

用途:该技能用于视频中的动态数字呈现,让屏幕上的数字按照口播节奏出现,避免静态数字被跳过。适用场景包括成果展示、案例研究、季度数据和定价。\n\n主要能力与数字运动方式:大数字(播放量、粉丝数、星级等)从 0 在 0.8 秒内计数上升,并精确落在对应词语上,下方带标签;时间采用机场翻牌式,每一位数字滚动,并在词语处停稳;增长场景中计数运行的同时,下方从左到右绘制一条线;份额或分数使用环形填充至目标值,数字位于中央;前后对比场景中旧数字变灰并上浮退场,新数字随即砸入。\n\n使用规则:计数必须在词语开始的那一刻完成(即 words.js 中该词的 s 时间),而不是之后;数字落定后保持 1.5 秒,若下一句台词更早开始,则保持到该句开始为止,数字不得停留在不属于它的台词上;主数字尺寸为 120px 或更大,标签为 34px 或更大;计数使用 easeOut 缓动,先快后慢,使最后几位数字在停稳时清晰可读;必须使用真实数字,不确定时向下取整,绝不编造;需位于安全区内,分屏节拍中数字放在顶部面板(x 74-1006,y 170-880),避开人脸卡片,全屏节拍中 x 940 右侧、y 1000 至 1700 之间不得放置内容,y 1500 以下也不得放置内容,以避开 Instagram 的按钮和说明文字。\n\n使用方式:第一步,先要求提供两项信息并等待:每个数字的准确读法(如 25,998、8:00、11x)及其来源;数字落在哪个口播词上。仅在镜头中口述的数字(如“五分钟”“一小时”)无需其他来源,但屏幕必须与所说内容一致。第二步,将构建简报粘贴到 Claude Code 中,例如在 video.js 的第 N 个节拍中,让某数字从 0 开始,在 words.js 中某词开始前 0.8 秒启动计数,并在该词开始时精确结束;数值按 round(target * easeOut(prog(t, start, end))) 计算,并以千位逗号格式化;字号 128px、字重 800、颜色 #0071e3,下方标签字号 36px、颜色 #1d1d1f;最终值保持 1.5 秒,或保持到下一句台词开始(以先到者为准),完全由时间计算;在开始、中途、词语落点和之后 1 秒检查静帧。翻页时钟需为每位数字设置独立的滚动列(0-9 条带的 translateY);环形图使用 SVG circle,并通过时间控制 stroke-dashoffset。\n\n限制:资料未提供该技能的具体平台支持范围、安装命令、收费方式或价格信息;其实现依赖 video.js、words.js 等文件结构及 Claude Code 环境,其他环境下的兼容性暂未提供。