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 → 单场景、自动播放、时长精确对齐口播,卡片即论点,数据即证据
Installs
22
GitHub Stars
1.5K
First Seen
Sep 18, 2026