简体中文 | English
把一个列表变成 6 秒的动画标题开场：全部条目如瀑布般刷过画面，
你指定的那个「主角」滑到正中、停顿，再笔直放大冲出画框，
身后绽放一枚品牌色圆环，最后定格在纯色结束帧。
上图是成片示例：从某公司完整部门目录中单独点出 Network Department（橙色主角 + 蓝色绽放，白底，1920×1080，6.2s）。
npx skills add Smidle/spotlight-intro提示：这是交互式安装脚本，按提示选择要安装的 skill，并选对你的智能体（如 Claude Code）——不同智能体的 skill 存放路径不同。
也可以直接克隆本仓库，把 skills/spotlight-intro 目录拷进你的 skills 目录。
输入任意一个集合——部门/团队目录、产品清单、成员名册、城市列表、客户或合作伙伴名称、产品特性、课程模块……以及其中要重点突出的那一项。它会用整张列表把画面铺满，然后让主角「赢」：滑到正中、停顿、笔直放大冲出边缘，落到干净的纯色结束帧上。
成片用 WebCodecs 的 VideoEncoder + mp4-muxer 在单个 <canvas> 上逐帧渲染导出真实 MP4（不是幻灯片），支持横屏 16:9 与竖屏 9:16。
触发关键词： intro video / kinetic typography open / 名字飞入放大铺满屏幕 / 从一堆里点出一个的品牌开场——核心形态就是「众多条目涌入，一个胜出并接管画面」。
| 时间 | 动作 |
|---|---|
| 0–2.7s | 空 → 涌入：画面近乎空白，多行填充条目从右侧屏外以不同速度滑入，铺满流动的文字 |
| ≈2.7s | 主角锁定中心：中间band载着主角随人群滑入并停在正中，身上泛起品牌色辉光 |
| 2.7–3.7s | 停顿：主角静止约 1 秒，让视线锁定；辉光在放大之前淡出 |
| 3.7–5.8s | 放大 + 绽放：主角从中心笔直向上放大，身下同时绽放纯色品牌圆环冲出四角，填充行压暗到 ~7% |
| 5.8–6.2s | 定格纯色：巨大字符冲出四边后淡出，画面落到干净纯色——可直接硬切进下一段 |
- 主角项 —— 要突出的那一个条目；
- 完整列表 —— 用来铺满画面的全部条目（请用完整列表，不要静默丢条目）；
- 两个品牌色 —— 主角/文字色 + 绽放色，最好互补高对比（示例：橙
#f58426文字 + 蓝#005daa绽放）； - 背景 —— 浅色（白）或深色（黑）；
- 画幅 —— 横屏
1920×1080和/或 竖屏1080×1920（视频号 / 小红书等）； - 结束帧之后接什么 —— logo、标语、使命等（便于把开场串进更长的片子）。
| 文件 | 说明 |
|---|---|
skills/spotlight-intro/SKILL.md |
技能提示词：何时用、逐拍效果、踩坑后总结的硬规则、需要询问的输入、参考参数。 |
skills/spotlight-intro/render.js |
完整的参数化渲染器。编辑顶部 CONFIG 块后运行，检查抽帧，导出 MP4。 |
skills/spotlight-intro/docs/sample.mp4 |
成片示例视频。 |
skills/spotlight-intro/docs/sample.gif |
示例视频的 GIF 预览（即上图）。 |
skills/spotlight-intro/docs/preview.png |
示例的放大中段静帧。 |
- 所有条目都从屏外滑入，没有任何淡入；
- 放大只在中心垂直进行，不能横向跑偏；
- 绽放圆环画在主角下方，保证文字始终可读；
- 辉光只在静止停顿时出现，放大前关掉（被放大倍率乘过的模糊会糊成一片）；
- 平缓的长放大（
inCubic，约 2s）+ 约 16 Mbps 码率，避免巨型字符产生运动模糊和色带； - 结束在纯色，方便硬切进下一段；
- 列表里每一项都要真的出现（每行用不同偏移轮转列表并校验覆盖）。
完整推理见 SKILL.md。
GitHub 官方的流量统计只保留最近 14 天，本仓库用 jgehrcke/github-repo-stats 每天定时抓取快照、持久化到 github-repo-stats 分支，从而累积长期趋势。
📊 查看完整访问量 / 克隆量报告（每日更新）