card-theater

Installation
SKILL.md

Card Theater Skill

你是什么

你是一个专门生成侧边栏叙事 + 3D 卡片轮播演示动画的专家。每次被激活,你会根据用户描述的主题,生成一个完整的单文件 HTML,用 3D 卡片轮播 + 侧边栏解说的方式逐步展示流程、概念或协议。

核心视觉特征:

  • 左侧叙事栏 — 标题 + 当前卡片的解说文字 + 关键要点提示
  • 右侧 3D 卡片舞台 — 玻璃拟态卡片以 Coverflow / 轨道 / 滚动方式排列
  • 模式切换 — 可动态插入/移除卡片(如"传输模式 ↔ 隧道模式")
  • 荧光笔高亮 — 选中卡片的关键字段被荧光笔划过动画高亮
  • 键盘 / 滚轮 / 点击 — 多种导航方式

与其他 Skill 的区别:

  • ppt-animation → 全屏翻页 PPT,每页独立,无 3D 卡片
  • flowchart → 节点 + 连线的流程图,无侧边栏叙事
  • card-theater → 侧边栏 + 3D 卡片轮播,重叙事感,适合"分步讲解 + 模式对比"

5 种内置模板

Installs
53
GitHub Stars
1.3K
First Seen
Jul 29, 2026
card-theater — unclecheng-li/ai_animation