Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add chenyuxiaojin/cyxj-remotion-starter --skill cyxj-remotion-overlaygit clone --depth 1 https://github.com/chenyuxiaojin/cyxj-remotion-starterWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/chenyuxiaojin/cyxj-remotion-starter/cyxj-remotion-overlay)<a href="https://agentmods.dev/skills/chenyuxiaojin/cyxj-remotion-starter/cyxj-remotion-overlay"><img src="https://agentmods.dev/badge/skills/chenyuxiaojin/cyxj-remotion-starter/cyxj-remotion-overlay/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/chenyuxiaojin/cyxj-remotion-starter/cyxj-remotion-overlay"><img src="https://agentmods.dev/badge/skills/chenyuxiaojin/cyxj-remotion-starter/cyxj-remotion-overlay.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00062 | $0.01423 |
| Opus 5 | $0.00031 | $0.00711 |
| Sonnet 5 | $0.00012 | $0.00285 |
| Haiku 4.5 | $0.00006 | $0.00142 |
Grade A, and why
cyxj-remotion-overlay scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 12d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 59 lines — stays where its author put it; the contents beside it link to each section on GitHub.
cyxj-remotion-overlay
这是本工作台的 Remotion 私有规则层。先按官方 Remotion skill 和工程红线做正确实现,再套你自己的视觉与口播设计系统。
必读顺序
- 官方 Remotion skill(
remotion-best-practices)。 docs/HARD_RULES.md(工程红线:frame 驱动 / interpolate 带 clamp / 确定性渲染 / 资源进 public/…唯一真源)- 你自己的设计系统(色彩语义 / 构图 / 人脸禁区 / 标注)——本仓给的是
kit/theme.ts占位色板,把它换成你自己的。
作者的完整设计说明书(两套主题 / 构图规范 / 动效手感 / 音画节奏 / 验收清单)是私有沉淀,本仓不含;按同样机制沉淀你自己的那几份。
起手姿态:为这一刻造画面,不是先翻库
做任何一段画面前,默认动作是「用官方原生 Remotion 把这一刻需要的画面搭出来」,不是「先看库里有什么能用」。镜头库是保底 + 品牌积木供应,不是起手就得翻的目录。
但这不是要你把标准重复内容也手搓一遍——口播底、标准内容卡、数据卡这种库里干得好的,该复用就快复用。「原生先行」针对的是:有创意选择 / 用户点名要新东西 / 库里没有正好对的——那些时刻。
复用是判断之后的主动选择,不是开工反射:
- ✅ 合理复用 —— 这一刻确实是标准重复内容(口播底、标准内容卡…),且库里那个镜头正好就是干这个动作的、质量达标。说得出「为什么是它」。
- ❌ 削足适履 —— 为了「库里有个差不多的」,把原本想要的画面改成那个镜头的样子。这不是复用,是拿复用偷懒、把创意做没了。
铁律:用户说要「新镜头 / 新效果 / 换个做法」时,默认就是真的造。不许先翻库、拿「库里有个类似的」把用户劝回去。要复用,先说清它确实是重复内容 + 库里那个正好对——说不清就是该造。
怎么决定一段画面怎么做
先短路,再决定——别一上来就走全程:
- ▸ 明显是标准重复内容、库里有个镜头正好对、且这一刻用户没要求换新的 → 直接复用,跳过下面 5 步。
- ▸ 其余(用户要了新东西 / 库里没有正好对的 / 你正想把它「掰成」某个现成镜头)→ 走下面完整 5 步,原生先行。
5 步(对要决定的那个语义单元 / beat):
- 意图 —— 这句要让观众 get 到什么(信息 / 情绪 / 反转 / 强调)。按时间码 + 逐字稿做语义联想。
- 画面动作 —— 这个意图配什么视觉动词(逼近 / 暴涨 / 收拢 / 划掉 / 砸下 / 平移…)。先定动作,别先想「用哪个镜头」。
- 标杆 & 参考 —— 已完成成片里类似意图怎么做的、质量线在哪,对齐别低于它。遇到「新卡片 / 要高级感 / 全新视觉方向」别凭口味直接做:先联网看官方 / 专业设计怎么处理(色彩×背景融合、效果、版式)再动手。凭感觉连调 = 反复被推翻。
- 怎么搭 —— 默认:官方原生(interpolate / spring / Sequence)+
kit/theme.tstoken,把第 2 步那个动作直接搭出来。 库里正好有一个就是干这个动作、且达标 → 才用它。官方能不能做、用哪个 API,照走官方 skill /remotion-documentationMCP,别凭记忆。 - 补 & 沉淀 —— 不满意 / 缺品牌件 → 拉库里的积木补(玻璃卡
GlassCards/ 字幕SrtCaptions/ 口播轨SpeakerTrack/ 运镜姿态poses)。做出来确实好用、且会跨片重复 → 走组件晋升(见kit/CLAUDE.md组件晋升节)沉淀回 kit。
框架红线照守(frame 驱动、interpolate 带 clamp、确定性渲染、资源进 public/…见
docs/HARD_RULES.md)——原生手写更容易踩,反而要盯紧。
资产和模板
kit/ # 共享层:引擎级组件 + 5 个基础镜头 + 占位色板
template/ # 起手模板(复制它开新片)
关键纪律
- 不在仓库根目录跑 CLI(没 package.json);命令一律先
cd template/或你复制出的工程。 - 不手改官方 Remotion skill。
- 复用镜头库的「积木」(玻璃卡 / 字幕 / 运镜姿态…)是对的,别误读成「连积木都重写」;该造新就原生造、该复用积木就复用,按上面「怎么决定一段画面怎么做」走。
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 12d ago First seen · 59 lines · 62 tokens per session scan A 52d17b1a2f10
cyxj-remotion-overlay is a skill published in the GitHub repository chenyuxiaojin/cyxj-remotion-starter (6 stars, last pushed 2mo ago), licensed MIT. It adds 62 tokens to every session and 1,423 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
remocn
Build Remotion videos with remocn — copy-paste animation components and timeline-driven UI primitives from a shadcn registry. Use when composing a video or scene in a Remotion project, adding a single animation, transition, background, or UI-block sim, or reaching for a video-ready UI primitive (button, dialog…
multi-surface-render
Multi-surface rendering with json-render — one JSON spec produces React web, Next.js, React Native, Ink terminal UIs, PDFs, emails, Remotion videos, OG images, and 3D scenes. Covers renderer target selection, registry mapping, and platform APIs (renderToBuffer, renderToStream, renderToFile). Use when generating output…
frame-data-rollup
A native Remotion data frame — bars grow from zero by real data via spring physics while the figures roll 0→target in sync. The numbers come alive in a way a static HTML chart can't.
remotion-video-composition
Provider-independent production workflow for assembling generated or sourced media into React/Remotion videos. Use when an agent must plan, build, render, review, variant-render, or hand off Remotion compositions with media custody, captions, audio, animation, accessibility, provenance, QA, and delivery requirements.
gsap-animation-composition
Production guidance for authoring, integrating, and reviewing GSAP animation in browser-rendered media. Use for deterministic kinetic typography, SVG drawing and morphing, motion paths, FLIP transitions, responsive motion systems, or frame-seekable GSAP timelines inside HTML video composition and React-based…
stitch-remotion
Create Remotion walkthrough videos from Stitch screen exports with ordered assets, transitions, captions, and render checks.