Native Subtitle Quote Image
chengyi-ai/native-subtitle-quote-image
将本地视频或用户有权处理的在线视频,经过来源获取、文字稿定位、选题选句、精确取帧、紧凑裁切、拼图和逐张质检,制作成 3:4 或保留画面原比例的视频字幕长图。支持两种明确分开的输出:保留画面内已烧录字幕的原生字幕模式,以及把已审核的时间点与台词绘制到真实视频帧上的脚本字幕模式。用户要求原生字幕截图、字幕帧拼图、YouTube…
Command-line tools for Editframe video development. An agent skill from shadcn-labs/framecn.
$ npx skills add shadcn-labs/framecn --skill editframe-cli -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install shadcn-labs/framecn editframe-cli --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/shadcn-labs/framecn.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/editframe-cli .claude/skills/editframe-cli && rm -rf skills-srcUse ~/.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/
Install the "editframe-cli" agent skill from https://github.com/shadcn-labs/framecn/tree/main/.agents/skills/editframe-cli into .claude/skills/editframe-cli/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "editframe-cli", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/shadcn-labs/framecn/tree/main/.agents/skills/editframe-cliType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add shadcn-labs/framecn --skill editframe-cli -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install shadcn-labs/framecn editframe-cli --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/shadcn-labs/framecn.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/editframe-cli .agents/skills/editframe-cli && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "editframe-cli" agent skill from https://github.com/shadcn-labs/framecn/tree/main/.agents/skills/editframe-cli into .agents/skills/editframe-cli/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "editframe-cli", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add shadcn-labs/framecn --skill editframe-cli -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install shadcn-labs/framecn editframe-cli --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/shadcn-labs/framecn.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/editframe-cli .cursor/skills/editframe-cli && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "editframe-cli" agent skill from https://github.com/shadcn-labs/framecn/tree/main/.agents/skills/editframe-cli into .cursor/skills/editframe-cli/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "editframe-cli", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/shadcn-labs/framecn.git --path .agents/skills/editframe-cli--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add shadcn-labs/framecn --skill editframe-cli -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install shadcn-labs/framecn editframe-cli --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/shadcn-labs/framecn.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/editframe-cli .gemini/skills/editframe-cli && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "editframe-cli" agent skill from https://github.com/shadcn-labs/framecn/tree/main/.agents/skills/editframe-cli into .gemini/skills/editframe-cli/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "editframe-cli", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install shadcn-labs/framecn editframe-cliInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add shadcn-labs/framecn --skill editframe-cli -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/shadcn-labs/framecn.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/editframe-cli .github/skills/editframe-cli && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "editframe-cli" agent skill from https://github.com/shadcn-labs/framecn/tree/main/.agents/skills/editframe-cli into .github/skills/editframe-cli/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "editframe-cli", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add shadcn-labs/framecn --skill editframe-cli -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install shadcn-labs/framecn editframe-cli --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/shadcn-labs/framecn.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/editframe-cli .opencode/skills/editframe-cli && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "editframe-cli" agent skill from https://github.com/shadcn-labs/framecn/tree/main/.agents/skills/editframe-cli into .opencode/skills/editframe-cli/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "editframe-cli", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
editframe-cliCommand-line tools for Editframe video development. An agent skill from shadcn-labs/framecn.
Editframe CLI is an agent skill from shadcn-labs/framecn. Command-line tools for Editframe video development. Render compositions to MP4 locally, preview in the browser, transcribe audio, and deploy to the cloud.
Its SKILL.md is about 380 tokens, which your agent loads only when the skill is triggered. The skill folder holds 6 other files, including reference files (for example `references/cloud-render.md`, `references/preview.md` and `references/render.md`).
It sits in Media & Creative, covering Transcription. The repository describes itself as: Beautiful video components, built on Editframe. 100% Free, Zero config, one command setup. The licence is MIT.
Read from SKILL.md and the folder at commit 7717708. It shows what the files ask for, not the result of running them.
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.
Shell commands in SKILL.md call:
npxnpmFrom the folder's file list and the shell code blocks in SKILL.md.
Hosts in commands or code, which the agent is likely to contact:
editframe.comFrom URLs in SKILL.md, links to its own repository left out.
Names these keys or tokens, usually read from environment variables:
EF_TOKENFrom names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Editframe CLI loads about 378 tokens when it runs, and up to ~2.2k if it reads all its reference files. Until then it costs about 42 tokens; SKILL.md has 80 words of instructions outside code blocks.
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.
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.
The full file from shadcn-labs/framecn at commit 7717708, republished under its MIT licence (© shadcn-labs). 80 words, ~378 tokens.
.claude/skills/editframe-cli/SKILL.md (or your agent's skills folder). This skill also uses 5 other files; get the full folder from GitHub.# Render a composition to video
npx editframe render -o output.mp4
# Render from a URL
npx editframe render --url http://localhost:4321 -o output.mp4
# Preview a project
npx editframe preview
# Generate captions
npx editframe transcribe video.mp4 -o captions.jsonThe CLI is included in all Editframe project templates. To use standalone:
npx @editframe/cli <command>Or install globally:
npm install -g @editframe/cli-t, --token <token> — API token (or EF_TOKEN env var)--ef-host <host> — Editframe host (default: https://editframe.com)-V, --version — Show version-h, --help — Show help© shadcn-labs, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 5 other files (references) in .agents/skills/editframe-cli of shadcn-labs/framecn.
Open the folder on GitHubat commit 7717708
Editframe CLI 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Editframe CLI this skillshadcn-labs/framecn | 150 | — | ~378 | Automated safety check: Pass | MIT | |
| Native Subtitle Quote Imagechengyi-ai/native-subtitle-quote-image | 2.2k | 2 repos | ~1.8k | Automated safety check: Pass | MIT | |
| HyperFrames Media Useheygen-com/hyperframes | 59k | — | ~2.4k | Automated safety check: Pass | Apache-2.0 | |
| Videodbaffaan-m/ECC | 275k | 3 repos | ~3.5k | Automated safety check: Notes | MIT | |
| Edu Math Videowy51ai/edulab | 1.4k | — | ~2.5k | Automated safety check: Notes | Apache-2.0 | |
| Bilibili Transcribechubbyguan/chubbyskills | 1.2k | 1 repos | ~578 | Automated safety check: Notes | MIT |
chengyi-ai/native-subtitle-quote-image
将本地视频或用户有权处理的在线视频,经过来源获取、文字稿定位、选题选句、精确取帧、紧凑裁切、拼图和逐张质检,制作成 3:4 或保留画面原比例的视频字幕长图。支持两种明确分开的输出:保留画面内已烧录字幕的原生字幕模式,以及把已审核的时间点与台词绘制到真实视频帧上的脚本字幕模式。用户要求原生字幕截图、字幕帧拼图、YouTube…
heygen-com/hyperframes
Finds, generates and edits media for HyperFrames video projects: music, sound effects, images, icons, logos, voiceovers, captions and color grades.
affaan-m/ECC
Ingest, index, search, edit, and monitor video and audio with the VideoDB Python SDK — upload from files, URLs, or RTSP feeds, build spoken and scene indexes with timestamped search and playable…
wy51ai/edulab
A skill your agent uses when asked to make an explainer / walkthrough video (讲解视频、解题视频、例题精讲、微课) for a math problem (数学题, geometry, algebra, functions, motion/行程 problems), from a problem screenshot…
chubbyguan/chubbyskills
哔哩哔哩视频 → 下载 → 转录 → 存为 Markdown 的完整工作流. An agent skill from chubbyguan/chubbyskills.
iurysza/module-graph
Transcribes local audio into Markdown with Gemini 3.5 Transcribe, including speaker labels and provider timestamps.
shadcn-labs/framecn
Launch and promote a custom shadcn/ui registry end-to-end: validate registry.json, prepare the official shadcn-ui/ui directory PR, community directory PRs (registry.directory, shadcntemplates…
shadcn-labs/framecn
Create video compositions with Editframe using HTML web components or React.
shadcn-labs/framecn
JavaScript/TypeScript SDK for Editframe's video rendering API.
shadcn-labs/framecn
Build video editing interfaces with Editframe's GUI components.
shadcn-labs/framecn
Webhook notifications for render completion and file processing events.
shadcn-labs/framecn
Scaffold new Editframe video projects from templates. An agent skill from shadcn-labs/framecn.
Categories
Command-line tools for Editframe video development. An agent skill from shadcn-labs/framecn. Editframe CLI is an agent skill from shadcn-labs/framecn. Command-line tools for Editframe video development.
Editframe CLI fits situations like: tasks that involve Transcription.
Run `npx skills add shadcn-labs/framecn --skill editframe-cli -a claude-code`. Or copy the skill folder (.agents/skills/editframe-cli in shadcn-labs/framecn) into .claude/skills/editframe-cli in your project. Claude Code loads it when a task matches its description.
Run `npx skills add shadcn-labs/framecn --skill editframe-cli -a codex`. Or copy the skill folder (.agents/skills/editframe-cli in shadcn-labs/framecn) into .agents/skills/editframe-cli in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add shadcn-labs/framecn --skill editframe-cli -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/editframe-cli, .gemini/skills/editframe-cli, .github/skills/editframe-cli and .opencode/skills/editframe-cli in your project.
Going by SKILL.md and its folder, Editframe CLI needs the command-line tools its instructions call (npx and npm) and credentials named EF_TOKEN. Our summary lists: Node.js.
SKILL.md names 1 domain. In commands or code: editframe.com; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.
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.
Editframe CLI is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
About 378 tokens (SKILL.md is roughly 1.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.8k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Editframe CLI: Native Subtitle Quote Image (chengyi-ai/native-subtitle-quote-image, 2.2k stars), HyperFrames Media Use (heygen-com/hyperframes, 59k stars), Videodb (affaan-m/ECC, 275k stars) and Edu Math Video (wy51ai/edulab, 1.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
shadcn-labs (a GitHub organization) maintains it in shadcn-labs/framecn, which has 150 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on October 7, 2026.
Source: shadcn-labs/framecn on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.