Remotion Video Creation
affaan-m/ECC
Best practices for Remotion - Video creation in React. An agent skill from affaan-m/ECC.
在剪辑里设计、编写或修改原生代码素材(动态图形、标题、花字、模板、滤镜),统一风格、编排动画、放入时间线并取帧审查时使用。普通剪辑、媒体生成和进度查询不触发。
$ npx skills add henjicc/Henji-AI --skill video-edit-code-creation -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install henjicc/Henji-AI video-edit-code-creation --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/henjicc/Henji-AI.git skills-src && mkdir -p .claude/skills && cp -r skills-src/resources/assistant-skills/video-edit-code-creation .claude/skills/video-edit-code-creation && 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 "video-edit-code-creation" agent skill from https://github.com/henjicc/Henji-AI/tree/main/resources/assistant-skills/video-edit-code-creation into .claude/skills/video-edit-code-creation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-edit-code-creation", 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/henjicc/Henji-AI/tree/main/resources/assistant-skills/video-edit-code-creationType 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 henjicc/Henji-AI --skill video-edit-code-creation -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install henjicc/Henji-AI video-edit-code-creation --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/henjicc/Henji-AI.git skills-src && mkdir -p .agents/skills && cp -r skills-src/resources/assistant-skills/video-edit-code-creation .agents/skills/video-edit-code-creation && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "video-edit-code-creation" agent skill from https://github.com/henjicc/Henji-AI/tree/main/resources/assistant-skills/video-edit-code-creation into .agents/skills/video-edit-code-creation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-edit-code-creation", 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 henjicc/Henji-AI --skill video-edit-code-creation -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install henjicc/Henji-AI video-edit-code-creation --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/henjicc/Henji-AI.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/resources/assistant-skills/video-edit-code-creation .cursor/skills/video-edit-code-creation && 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 "video-edit-code-creation" agent skill from https://github.com/henjicc/Henji-AI/tree/main/resources/assistant-skills/video-edit-code-creation into .cursor/skills/video-edit-code-creation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-edit-code-creation", 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/henjicc/Henji-AI.git --path resources/assistant-skills/video-edit-code-creation--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 henjicc/Henji-AI --skill video-edit-code-creation -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install henjicc/Henji-AI video-edit-code-creation --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/henjicc/Henji-AI.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/resources/assistant-skills/video-edit-code-creation .gemini/skills/video-edit-code-creation && 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 "video-edit-code-creation" agent skill from https://github.com/henjicc/Henji-AI/tree/main/resources/assistant-skills/video-edit-code-creation into .gemini/skills/video-edit-code-creation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-edit-code-creation", 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 henjicc/Henji-AI video-edit-code-creationInstalls 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 henjicc/Henji-AI --skill video-edit-code-creation -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/henjicc/Henji-AI.git skills-src && mkdir -p .github/skills && cp -r skills-src/resources/assistant-skills/video-edit-code-creation .github/skills/video-edit-code-creation && 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 "video-edit-code-creation" agent skill from https://github.com/henjicc/Henji-AI/tree/main/resources/assistant-skills/video-edit-code-creation into .github/skills/video-edit-code-creation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-edit-code-creation", 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 henjicc/Henji-AI --skill video-edit-code-creation -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install henjicc/Henji-AI video-edit-code-creation --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/henjicc/Henji-AI.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/resources/assistant-skills/video-edit-code-creation .opencode/skills/video-edit-code-creation && 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 "video-edit-code-creation" agent skill from https://github.com/henjicc/Henji-AI/tree/main/resources/assistant-skills/video-edit-code-creation into .opencode/skills/video-edit-code-creation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-edit-code-creation", 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.
video-edit-code-creation在剪辑里设计、编写或修改原生代码素材(动态图形、标题、花字、模板、滤镜),统一风格、编排动画、放入时间线并取帧审查时使用。普通剪辑、媒体生成和进度查询不触发。
Video Edit Code Creation is an agent skill from henjicc/Henji-AI. 在剪辑里设计、编写或修改原生代码素材(动态图形、标题、花字、模板、滤镜),统一风格、编排动画、放入时间线并取帧审查时使用。普通剪辑、媒体生成和进度查询不触发。
Its SKILL.md is about 650 tokens, which your agent loads only when the skill is triggered. The skill folder holds 20 other files, including reference files (for example `references/annotations.md`, `references/author-api.md` and `references/author-shaders.md`).
The repository describes itself as: 痕迹AI - 一个软件用上各种AI!聚合多家供应商,一站式生成图片、视频和音频. The licence is Apache-2.0.
5 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit efdd437. 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.
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Video Edit Code Creation loads about 654 tokens when it runs, and up to ~22k if it reads all its reference files. Until then it costs about 26 tokens; SKILL.md has 109 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 henjicc/Henji-AI at commit efdd437, republished under its Apache-2.0 licence (© henjicc). 109 words, ~654 tokens.
.claude/skills/video-edit-code-creation/SKILL.md (or your agent's skills folder). This skill also uses 19 other files; get the full folder from GitHub.用受限 TypeScript 风格作者语言描述画面,只用当前作者接口与正式工具。按意图创作;设计建议不新增 API,样例只核对写法。
read_application_entity 读当前素材、实例参数、曲线和位置,并看原画面。在原素材上改;源码变动沿新版本绑定,不删除重建满意内容。检查共享实例及相邻接缝。observe_video_edit_frame 取受影响画面,再用 read_application_media 真正读图;拿到引用或编译成功都不能证明画面正确。load_assistant_skill 的 name 为 video-edit-code-creation;省略 path 读入口,传下表路径读参考。每步读一两份,复用已读内容。
| 当前任务 | 先读 |
|---|---|
| 新作品、找视觉想法、拆解参考 | 简报与概念 |
| 定气质、参数尺度或系列统一 | 风格坐标 |
| 定构图、画幅、安全框、信息层级 | 版式 |
| 标题、字幕、花字、人名条、选字体 | 文字 |
| 定配色、渐变、颗粒、投影与辉光 | 色彩与质感 |
| 曲线手感、接力、动势与转场 | 运动 |
| 全片节奏、知识讲解、声画安排 | 结构 |
| 取帧、批注、A/B、返修与交付 | 审查 |
| 换字自适应、量字、压力测试 | 模板 |
| 开工读口味、用户明确评价后记偏好 | 用户偏好 |
| 写或修改源码:语法、图形与预算 | 作者接口 |
| 文字排版、量字、逐字与动效函数 | 文字与动效接口 |
| 着色器背景、滤镜原语与效果目录 | 着色器接口 |
| 处理用户标注/批注 | 标注处理协议 |
| 参数声明、实例值、关键帧、新版本绑定 | 参数与曲线 |
| 定位目标、插入、时间换算、撤销与恢复 | 时间线契约 |
| 需要完整可对照的提交写法 | 接口样例 |
已有明确决定就从相应阶段继续;小改直接读现状、修改、审查。
| 阶段 | 做什么与产出 | 按需读的 reference |
|---|---|---|
| 想清楚 | 五问收成简报,确认目标序列、规格与交付范围 | preferences、brief-concept、timeline-check |
| 找概念 | 视觉想法+母题,出 1–3 个方向,说明参考与实现风险 | brief-concept、styles |
| 定样子 | 做主停留帧,固定版式、字体、颜色;请确认或自主选定 | layout、type、color-texture、author-api |
| 搭骨架 | 能量曲线与节拍表,粗排完整时间线,先验证信息顺序 | structure、timeline-check |
| 动起来 | 先因果和主次,再曲线、时长、错峰与转场 | motion、parameters-curves |
| 看片改 | 三遍看,批注最影响理解的地方,比较后局部修 | review |
| 交付沉淀 | 回读与自检;按需做可编辑模板,只记明确长期口味 | review、templates、preferences |
目标从宿主上下文或正式目录取得,不猜 ID;缺剪辑工具时用 load_application_tools 加载 video_edit。写入走 change_application_entities,依赖新引用才分调用,同目的修改合并事务。源码、参数与关键帧查接口参考,放置与恢复查时间线契约。
概念、节拍和批注留当前对话或正式标注,不自动建文档、临时工程或偏好文件。交付指出结果位置与可修改内容。
© henjicc, Apache-2.0. 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 19 other files (references) in resources/assistant-skills/video-edit-code-creation of henjicc/Henji-AI.
Open the folder on GitHubat commit efdd437
Video Edit Code Creation 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 |
|---|---|---|---|---|---|---|
| Video Edit Code Creation this skillhenjicc/Henji-AI | 254 | — | ~654 | Automated safety check: Pass | Apache-2.0 | |
| Remotion Video Creationaffaan-m/ECC | 275k | 2 repos | ~910 | Automated safety check: Pass | MIT | |
| Remotion Video Creationaffaan-m/ECC | 275k | — | ~680 | Automated safety check: Pass | MIT | |
| Remotion Video Creationaffaan-m/ECC | 275k | — | ~605 | Automated safety check: Pass | MIT | |
| Runbook Creationsickn33/agentic-awesome-skills | 47k | 2 repos | ~2.9k | Automated safety check: Pass | MIT | |
| Monte Carlo Monitor Creationsickn33/agentic-awesome-skills | 47k | 1 repos | ~2.9k | Automated safety check: Pass | MIT |
affaan-m/ECC
Best practices for Remotion - Video creation in React. An agent skill from affaan-m/ECC.
affaan-m/ECC
Remotion のベストプラクティス - React で動画を作成する。3D、アニメーション、音声、字幕、チャート、トランジションなどをカバーするドメイン固有の29のルール。
affaan-m/ECC
Remotion 最佳实践 - 在 React 中创建视频。29 条领域特定规则,涵盖 3D、动画、音频、字幕、图表、过渡等。
sickn33/agentic-awesome-skills
Create operational runbooks and standard operating procedures.
sickn33/agentic-awesome-skills
Guides creation of Monte Carlo monitors via MCP tools, producing monitors-as-code YAML for CI/CD deployment.
google/skills
Plans and executes GKE cluster creation, provisioning, and production readiness audits using pre-defined templates (Autopilot, Standard Regional, GPU/AI Inference, AI Hypercompute).
henjicc/Henji-AI
Henji-AI 画布(ReactFlow)新增/改造节点时使用。指导如何选择普通生成节点、节点内工具工作台、标准行拼装或纯展示节点,如何声明 CanvasNodeDefinition,以及如何让遮罩、打光、镜头等特殊交互各自不同但保持统一骨架。普通模型 schema 会被标准生成节点自动读取;只改供应商、模型参数、显隐、计价或请求构建时不使用本 skill。
henjicc/Henji-AI
为 Henji-AI 新增、修改或迁移应用能力,并完成内置 Pi 与现代 MCP 的同源适配。新增工作区、页面、浮层或工具入口、用户数据、设置、业务操作、长任务、稳定引用、权限、宿主上下文、能力搜索,或清理旧 HostCommand/HostQuery/Agent 工具时使用;纯样式、布局、文案和不改变业务能力的组件调整不使用本 skill。
henjicc/Henji-AI
Henji-AI 新建或改造任何界面/页面骨架/面板/弹窗/侧栏/设置分区/节点 UI,或调整按钮层级、分隔线、颜色、图标、毛玻璃、动画、层级时使用。主文件涵盖“石墨”设计系统速览(主题引擎与语义令牌、按钮五档默认静默、淡强调底选中态、尺寸档位)、页面骨架的横向条带上限与命令带、表面层级(surface/elevation)铁律、五级容器词汇表、分隔线准入、选项集合静息态与选中态词汇表、必须复用…
henjicc/Henji-AI
面向 Henji-AI 的模型与供应商调研、文档整理、参数体验和适配工作流。用于“新增供应商”“给现有供应商新增模型”“模型和供应商都要新增”“核查 API/价格/平台别名”“校对参数顺序、通用交互、隐藏参数或默认请求值”这类需求;先输出确认清单,用户确认后再实施。普通模型 schema 会被标准画布节点自动读取,不因模型会出现在画布里而自动触发节点开发。
henjicc/Henji-AI
图片或视频提示词编写、生成、参考编辑与延续时使用。只读取当前操作的指南;查询进度、下载、移动节点、闲聊不触发. An agent skill from henjicc/Henji-AI.
henjicc/Henji-AI
需要设计分镜、表演走位、运镜、关键帧或修复跨镜衔接时使用。普通生图、单段视频提示词、查询和节点整理不触发. An agent skill from henjicc/Henji-AI.
在剪辑里设计、编写或修改原生代码素材(动态图形、标题、花字、模板、滤镜),统一风格、编排动画、放入时间线并取帧审查时使用。普通剪辑、媒体生成和进度查询不触发。. Video Edit Code Creation is an agent skill from henjicc/Henji-AI.
Run `npx skills add henjicc/Henji-AI --skill video-edit-code-creation -a claude-code`. Or copy the skill folder (resources/assistant-skills/video-edit-code-creation in henjicc/Henji-AI) into .claude/skills/video-edit-code-creation in your project. Claude Code loads it when a task matches its description.
Run `npx skills add henjicc/Henji-AI --skill video-edit-code-creation -a codex`. Or copy the skill folder (resources/assistant-skills/video-edit-code-creation in henjicc/Henji-AI) into .agents/skills/video-edit-code-creation 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 henjicc/Henji-AI --skill video-edit-code-creation -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/video-edit-code-creation, .gemini/skills/video-edit-code-creation, .github/skills/video-edit-code-creation and .opencode/skills/video-edit-code-creation in your project.
SKILL.md names no scripts, command-line tools or credentials: Video Edit Code Creation is instructions for the agent only.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. 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.
Video Edit Code Creation is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 654 tokens (SKILL.md is roughly 2.6k 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 22k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Video Edit Code Creation: Remotion Video Creation (affaan-m/ECC, 275k stars), Remotion Video Creation (affaan-m/ECC, 275k stars), Remotion Video Creation (affaan-m/ECC, 275k stars) and Runbook Creation (sickn33/agentic-awesome-skills, 47k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
henjicc (a GitHub user) maintains it in henjicc/Henji-AI, which has 254 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on October 8, 2026.
Source: henjicc/Henji-AI on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.