New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Overlay Fx Generator

by jeszhou in jeszhou/overlay-studio

特效生成——当用户提供 SRT 字幕文件(或带时间戳的口播文字稿)时,根据字幕内容和时间自动生成 Overlay Studio 可直接导入的动效卡片 JSON(overlay JSON)。触发词:特效生成、根据SRT生成动效、生成overlay JSON、给这期视频配动效卡。

Custom licenceAuto-check passedMedia & Creative

Install Overlay Fx Generator

skills CLI
$ npx skills add jeszhou/overlay-studio --skill overlay-fx-generator -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install jeszhou/overlay-studio overlay-fx-generator --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/jeszhou/overlay-studio.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/overlay-fx-generator .claude/skills/overlay-fx-generator && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
overlay-fx-generator
GitHub stars
188
Token cost
~3.8k tokens
SKILL.md length
754 words
Files
4
Skills in repo
1
Repo updated
First seen
Licence
Custom licence

At a glance

特效生成——当用户提供 SRT 字幕文件(或带时间戳的口播文字稿)时,根据字幕内容和时间自动生成 Overlay Studio 可直接导入的动效卡片 JSON(overlay JSON)。触发词:特效生成、根据SRT生成动效、生成overlay JSON、给这期视频配动效卡。

  • Works in 7 steps: 解析 SRT:提取每条字幕的… → 分段脚本(先于选卡,本 skill… → 识别内容类型:钩子设问 / 痛点罗列 / 反转金句 / 数据 / 术语解释 /… → …
  • Media & Creative work in your project
  • SKILL.md covers 开工与收工(每次会话的固定动作), 工作流程, lintOff 是用户的主动决定(硬规则) and 输出格式(必须严格遵守), plus 13 more sections
  • Calls npm

What it does

Overlay Fx Generator is an agent skill from jeszhou/overlay-studio. 特效生成——当用户提供 SRT 字幕文件(或带时间戳的口播文字稿)时,根据字幕内容和时间自动生成 Overlay Studio 可直接导入的动效卡片 JSON(overlay JSON)。触发词:特效生成、根据SRT生成动效、生成overlay JSON、给这期视频配动效卡。

Its SKILL.md is about 3.8k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files (for example `STATUS.template.md`, `agents/openai.yaml` and `我的偏好.default.md`).

It sits in Media & Creative. It works with FFmpeg, React and npm. The repository describes itself as: 给口播视频加动效层的编辑工作台:AI 读你的字幕稿自动编排,做出来的每个元素你都能自己改,导出透明动效层直接进剪映——原片一帧不压。

When your agent uses it

  • Media & Creative work in your project

Example prompts

  • “/overlay-fx-generator”

Workflow steps

7 steps, taken from the first numbered list in SKILL.md.

  1. 解析 SRT:提取每条字幕的 start/end(秒)和文本。相邻字幕如果属于同一个语义段(同一个观点/列举/数据),合并为一个时间区间。
  2. 分段脚本(先于选卡,本 skill 的核心步骤,见【先分段,再配卡】):把整篇稿子拆成「章 → 段 → 元素」三级:章 3-6 个(给 chapter-bar);段 = 10-30s 恰好一个论点,每段标注 起止秒/中文标题/英文小标签/语义色/段界收法;元素 =…
  3. 识别内容类型:钩子设问 / 痛点罗列 / 反转金句 / 数据 / 术语解释 / 步骤流程 / 引用他人 / 对比 / 列举 / 分点 / 结尾升华……
  4. 匹配卡片:先读同目录 我的偏好.md / 我的偏好.default.md(取值表)和 经验规则.md(定性偏好),和本文件规则合并;冲突时以更具体、更新的为准,再按下方【卡片库】的触发条件选卡。只能用卡片库里的 kind,严禁发明新类型。…
  5. 编排落位与密度(见【编排规则】)。
  6. 输出纯 JSON(见【输出格式】)+ 分段脚本(段落表,方便用户检查段落划分)+ 素材清单(见【素材清单】),除这两者外不输出解释文字。
  7. lint 自检(交付前必跑):cd motion-playground && npm run -s lint:overlay -- <生成的.json> [--duration 视频秒数]。error 必须修完再交付(占位文案残留/时间越界都是硬伤);warn…

What it can do on your machine

Read from SKILL.md and the folder at commit 836e68c. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npm

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Overlay Fx Generator loads about 3.8k tokens when it runs. Until then it costs about 40 tokens; SKILL.md has 754 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~40
When it runs · the whole SKILL.md, loaded when a task matches
~3.8k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 754 words (~3,761 tokens).

name
overlay-fx-generator

Read the full SKILL.md on GitHub

Files

SKILL.md and 3 other files in .agents/skills/overlay-fx-generator of jeszhou/overlay-studio.

  • SKILL.md
  • STATUS.template.md
  • agents/openai.yaml
  • 我的偏好.default.md

Open the folder on GitHubat commit 836e68c

Compare with similar skills

Overlay Fx Generator next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Overlay Fx Generator compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Overlay Fx Generator this skilljeszhou/overlay-studio188—~3.8kAutomated safety check: PassCustom licence
Remotion Best Practiceslyonjs/shortvid.io14733 repos~1kAutomated safety check: PassMIT
Video Synceternityspring/reelbench-skills8781 repos~1kAutomated safety check: NotesApache-2.0
Product DemoAlexwtlf/agentic-product-demo387—~8.8kAutomated safety check: PassCustom licence
Remotion MotionGTKottman/mortiflix-oss499—~806Automated safety check: PassAGPL-3.0
Beatdesign WorkspaceBeatAPI/BeatDesign1401 repos~632Automated safety check: PassApache-2.0

Similar skills

  • Remotion Best Practices

    lyonjs/shortvid.io

    Best practices for Remotion - Video creation in React. An agent skill from lyonjs/shortvid.io.

    147 GitHub starsUsed in 33 repos~1k tokens
    Media & CreativeAuto-check passed

  • Video Sync

    eternityspring/reelbench-skills

    把拉片数据和原片合成一条能直接看的视频：一边是画面，一边是这一镜的分镜信息 （镜号、起止、时长、景别、类别、运镜、画面描述、台词），镜头切了信息跟着切， 镜头表自动滚动并高亮当前这一镜。

    878 GitHub starsUsed in 1 repo~1k tokens
    Media & CreativeAuto-check: notes

  • Product Demo

    Alexwtlf/agentic-product-demo

    Shoot, animate, title and optionally score product demo videos with Remotion — for a landing page, docs, onboarding, an app store listing or a social post.

    387 GitHub stars~8.8k tokensUpdated 1 mo ago
    Media & CreativeAuto-check passed

  • Remotion Motion

    GTKottman/mortiflix-oss

    Build, preview and render the video in Remotion (React): project setup from the template, stills for style frames, animatic and final renders through the studio's render queue.

    499 GitHub stars~806 tokensUpdated yesterday
    Media & CreativeAuto-check passed

  • Beatdesign Workspace

    BeatAPI/BeatDesign

    操作本地 BeatDesign 项目中的 Canvas、Assets、生成任务、视频时间线和字幕；在用户要求创作、整理、检查或剪辑媒体时使用。

    140 GitHub starsUsed in 1 repo~632 tokens
    Media & CreativeAuto-check passed

  • Remotion Video Factory

    wwwzhouhui/skills_collection

    视觉从代码生长的技术讲解视频工厂：给一个主题，产出一条"图解动画 + AI 配音"的 MP4——结构图/矩阵/连线拓扑/图表/数字滚动全部用 Remotion + React/SVG 代码精确绘制（不用 AI 视频模型，杜绝公式乱码与连线漂移，可参数化、改数据自动重排），旁白由 TTS 逐段生成 + ffprobe 实测时长（默认 edge-tts 神经音色；--engine clone…

    283 GitHub stars~990 tokensUpdated 4 days ago
    Media & CreativeAuto-check passed

Works with

Categories

Questions about Overlay Fx Generator

What does Overlay Fx Generator do?

特效生成——当用户提供 SRT 字幕文件(或带时间戳的口播文字稿)时,根据字幕内容和时间自动生成 Overlay Studio 可直接导入的动效卡片 JSON(overlay JSON)。触发词:特效生成、根据SRT生成动效、生成overlay JSON、给这期视频配动效卡。. Overlay Fx Generator is an agent skill from jeszhou/overlay-studio.

When should I use Overlay Fx Generator?

Overlay Fx Generator fits situations like: media & Creative work in your project.

How do I install Overlay Fx Generator in Claude Code?

Run `npx skills add jeszhou/overlay-studio --skill overlay-fx-generator -a claude-code`. Or copy the skill folder (.agents/skills/overlay-fx-generator in jeszhou/overlay-studio) into .claude/skills/overlay-fx-generator in your project. Claude Code loads it when a task matches its description.

How do I install Overlay Fx Generator in Codex?

Run `npx skills add jeszhou/overlay-studio --skill overlay-fx-generator -a codex`. Or copy the skill folder (.agents/skills/overlay-fx-generator in jeszhou/overlay-studio) into .agents/skills/overlay-fx-generator in your project. Codex loads it when a task matches its description.

Can I use Overlay Fx Generator in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jeszhou/overlay-studio --skill overlay-fx-generator -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/overlay-fx-generator, .gemini/skills/overlay-fx-generator, .github/skills/overlay-fx-generator and .opencode/skills/overlay-fx-generator in your project.

What does Overlay Fx Generator need to run?

Going by SKILL.md and its folder, Overlay Fx Generator needs the command-line tools its instructions call (npm).

Does Overlay Fx Generator access the network?

SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Overlay Fx Generator safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Overlay Fx Generator use?

Overlay Fx Generator has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Overlay Fx Generator use?

About 3.8k tokens (SKILL.md is roughly 15k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Overlay Fx Generator?

Skills that share tags, products or a category with Overlay Fx Generator: Remotion Best Practices (lyonjs/shortvid.io, 147 stars), Video Sync (eternityspring/reelbench-skills, 878 stars), Product Demo (Alexwtlf/agentic-product-demo, 387 stars) and Remotion Motion (GTKottman/mortiflix-oss, 499 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Overlay Fx Generator?

jeszhou (a GitHub user) maintains it in jeszhou/overlay-studio, which has 188 GitHub stars. The repository was last updated on September 14, 2026.

Source: jeszhou/overlay-studio on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.