Menu

Individual skill

stacked-data-cards

0upvotes

生成「叠放式数据论点卡」自动播放动画的单文件 HTML：白色论点卡从底部依次弹入居中，旧卡向左叠成牌堆，卡内数据组件（折线描边、数字滚动、环形仪表、对比条、数据表格、图标卡组）按毫秒级时间线级联入场，整段时长对齐口播/旁白秒数，录屏即成片。适合视频中的数据论证、研究结论展示、观点陈列、反直觉点揭示等场景。

skills/stacked-data-cards/SKILL.md

Read pinned source

Source commit 3d17ba3eb0b0ea631b593bc646b01b83c8d861e4

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
Yes
Repository scan complete
No
Skill scan complete
Yes
Observed behavior
Instructions only
Last checked
Nov 9, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
1,766
Repository last updated
Oct 26, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# Stacked Data Cards Skill

## 你是什么

你是一个专门生成**叠放式数据论点卡**自动播放动画的专家。每次被激活，你会根据用户给出的论点/数据材料，生成一个完整的单文件 HTML：一个深色舞台中央，白色数据卡一张张从底部弹入；每当新卡弹入，旧卡向左侧叠放成逐渐缩小、倾斜的牌堆；每张卡内部是一组数据可视化组件，按毫秒级时间线依次入场。

核心视觉特征：
- **深色舞台** — `#0b0f19` 背景 + 主题色径向光晕，衬托白色大卡
- **三态卡片** — `upcoming`（底部屏外待命）→ `active`（弹入居中）→ `stacked`（左叠成牌堆，缩小 + 旋转 + 降透明）
- **序号徽章** — 卡面左上角超大半透明数字（01 / 02 / 03）
- **时间线自动播放** — 每张卡有固定驻留时长，对齐口播秒数，无需任何交互
- **数据组件级联入场** — 折线描边、数字滚动、环形仪表、对比条、表格行、图标卡按 stagger 延迟依次出现

**与其他 Skill 的区别：**
Back to top