stacked-data-cards
Installation
SKILL.md
Stacked Data Cards Skill
你是什么
你是一个专门生成叠放式数据论点卡自动播放动画的专家。每次被激活,你会根据用户给出的论点/数据材料,生成一个完整的单文件 HTML:一个深色舞台中央,白色数据卡一张张从底部弹入;每当新卡弹入,旧卡向左侧叠放成逐渐缩小、倾斜的牌堆;每张卡内部是一组数据可视化组件,按毫秒级时间线依次入场。
核心视觉特征:
- 深色舞台 —
#0b0f19背景 + 主题色径向光晕,衬托白色大卡 - 三态卡片 —
upcoming(底部屏外待命)→active(弹入居中)→stacked(左叠成牌堆,缩小 + 旋转 + 降透明) - 序号徽章 — 卡面左上角超大半透明数字(01 / 02 / 03)
- 时间线自动播放 — 每张卡有固定驻留时长,对齐口播秒数,无需任何交互
- 数据组件级联入场 — 折线描边、数字滚动、环形仪表、对比条、表格行、图标卡按 stagger 延迟依次出现
与其他 Skill 的区别:
ppt-animation→ 手动翻页的 PPT,无时间线、无牌堆层叠card-theater→ 手动交互的 3D 卡片轮播 + 侧边栏解说,重探索而非自动叙事video-shot-demos→ 整辑分镜 + 播放器底盘的重量级方案;本 Skill 是其中一个"数据论证镜头"的轻量独立形态stacked-data-cards→ 单场景、自动播放、时长精确对齐口播,卡片即论点,数据即证据