Remotion AI广告视频生成 是 AI Skill Hub 本期精选Agent工作流之一。综合评分 7.2 分，整体质量较高。我们推荐使用将其纳入你的 AI 工具库，帮助提升工作效率。
无需视频基础，通过AI编码智能体将URL自动转换为Remotion广告视频项目。支持自动化视频生成工作流，适合营销人员、内容创作者快速批量生成广告素材。
Remotion AI广告视频生成 是一套完整的 AI Agent 自动化工作流方案。通过可视化的节点编排，将复杂的多步骤任务拆解为清晰的自动化流程，实现全程无人值守的智能处理。支持与数百种外部服务和 API 无缝集成，适合构建数据处理管线、业务自动化和 AI 辅助决策系统。
无需视频基础，通过AI编码智能体将URL自动转换为Remotion广告视频项目。支持自动化视频生成工作流，适合营销人员、内容创作者快速批量生成广告素材。
Remotion AI广告视频生成 是一套完整的 AI Agent 自动化工作流方案。通过可视化的节点编排，将复杂的多步骤任务拆解为清晰的自动化流程，实现全程无人值守的智能处理。支持与数百种外部服务和 API 无缝集成，适合构建数据处理管线、业务自动化和 AI 辅助决策系统。
# 方式一：npm 全局安装 npm install -g remotion-ad-video-skill # 方式二：npx 直接运行（无需安装） npx remotion-ad-video-skill --help # 方式三：项目依赖安装 npm install remotion-ad-video-skill # 方式四：从源码运行 git clone https://github.com/leosssvip-dot/remotion-ad-video-skill cd remotion-ad-video-skill npm install npm start
# 命令行使用
remotion-ad-video-skill --help
# 基本用法
remotion-ad-video-skill [options] <input>
# Node.js 代码中使用
const remotion_ad_video_skill = require('remotion-ad-video-skill');
const result = await remotion_ad_video_skill.run(options);
console.log(result);
# remotion-ad-video-skill 配置说明 # 查看配置选项 remotion-ad-video-skill --config-example > config.yml # 常见配置项 # output_dir: ./output # log_level: info # workers: 4 # 环境变量（覆盖配置文件） export REMOTION_AD_VIDEO_SKILL_CONFIG="/path/to/config.yml"
Create editable ad video projects from a URL with an AI coding agent. The skill plans the ad, then renders with either Remotion or Hyperframes. No video-generation AI required.
Remotion is the React/TS path. Hyperframes is the HTML/CSS/GSAP path. The skill auto-selects the renderer from explicit user choice, existing project stack, and local availability, then records the reason in ad-brief.json.
This is an agent-agnostic workflow: any coding agent that can read files and run Node scripts can use it.
- URL-to-ad workflow for ecommerce products, mobile games, social/content apps, SaaS/API products, local services, and generic mobile apps. - Mandatory ad-brief.json contract so source type, creative route, format, render engine, render-engine reason, audio mode, asset requirements, assumptions, and blockers are explicit before storyboard or code. - Link-adapted preflight choices for output format and creative route. - Audible generated SFX are used by default for draft ads unless you choose a silent-safe output; sound is not a required preflight question by default. - Creative QA pushes bold ad layouts: poster-scale hooks, one dominant visual, aggressive crops, and lower text density. - Ecommerce asset harvester with blocked-page detection and a fail-closed rule: if the product image cannot be confidently harvested, stop and request user assets. - Fast Remotion lab for low-resolution stills, preview MP4, half-size draft MP4, and explicit full-size final render. - Hyperframes compatibility with an HTML starter template, variables.json, and npx hyperframes lint/inspect/preview/render QA flow. - Validation script for checking the skill package structure and key workflow contracts. - Synthetic URL demo showing URL to Remotion ad video without third-party media.
- Node.js 20+ - npm or another Node package manager - Chrome or Chromium for browser-backed ecommerce harvesting - For Remotion output: Remotion dependencies installed in the active project and a valid Remotion license for the intended commercial use - For Hyperframes output: Node.js 22+ and FFmpeg for npx hyperframes - Rights-cleared product images, logos, music, SFX, voiceover, and claims for production ads
You do not need to install this manually. Open your coding agent and ask it to install the skill for you.
Copy this prompt:
Install the remotion-ad-video skill from this repository into my available
skills directory. Use a symlink if my agent supports it; otherwise copy
skills/remotion-ad-video. After installing, tell me how to reload or restart the
agent so the skill becomes available.For Codex/OpenAI-compatible agents, the agent should install skills/remotion-ad-video/ into the local skills directory, then ask you to reload the skill list.
Use it from your AI agent. Give the agent a URL and ask it to create an ad video project:
Use the remotion-ad-video skill to create a 15s ad video for this product:
https://example.com/products/focus-lampOr with the OpenAI/Codex skill trigger:
Use $remotion-ad-video to create a 15s vertical ad video for:
https://example.com/products/focus-lampThe agent should:
1. Classify the URL and create ad-brief.json. 2. Ask the two required creative preflight choices by default. If the agent supports selectable UI, it should use choices for size and creative route; otherwise it should ask only those same two options in text before any optional follow-up questions. Audio defaults to synced SFX. 3. Harvest or request usable assets. 4. Propose ad concepts and pick the strongest route. 5. Create or update the selected render project. The agent chooses by explicit user choice, existing project stack, then local renderer availability. 6. Run the matching render-engine QA before any final MP4. 7. Report rights, asset, and claim gaps.
For normal use, you should let the agent run the scripts, create the render project, and render the draft. You do not need to run validation commands.
Default auto-selection:
1. Explicit user choice. 2. Existing target project stack. 3. Local renderer availability. 4. Ask when both engines are available; recommend installing one when neither is available.
Use the remotion-ad-video skill with auto selection:
Use $remotion-ad-video to create a 15s vertical ad for:
https://example.com/products/focus-lampForce Remotion:
Use $remotion-ad-video to create a 15s vertical Remotion ad for:
https://example.com/products/focus-lampForce Hyperframes:
Use $remotion-ad-video to create a 15s vertical Hyperframes ad for:
https://example.com/products/focus-lampRemotion output uses assets/remotion-template/, src/default-props.json, and:
npm run typecheck
npm run still
npm run renderHyperframes output uses assets/hyperframes-template/, variables.json, and:
npx hyperframes lint
npx hyperframes inspect --samples 12
npx hyperframes preview
npx hyperframes render --variables-file ./variables.json --quality drafthttps://github.com/user-attachments/assets/56fd55e5-af66-4737-b12b-88034d1fad52
https://github.com/user-attachments/assets/d39807fa-ffc4-4229-a98d-bb11738d747c
https://github.com/user-attachments/assets/d93f65f0-cb47-47b5-a8d6-a20be31c0553
https://github.com/user-attachments/assets/5dbe2ade-fe7f-419f-8349-d73045320cd2
https://github.com/user-attachments/assets/8e3605dc-f776-4f62-b763-f618f6d7f8d8
The repository includes a safe demo at examples/synthetic-url-ad/.
It starts from a fake product URL:
https://example.com/products/focus-lampThe demo includes:
ad-brief.json with the inferred ecommerce ad brief.storyboard.md with a 15s structure.src/ with a CSS-only Remotion ad video.Ask your agent to run it:
Use the remotion-ad-video skill to run the synthetic URL demo. Install any local
dependencies needed for examples/synthetic-url-ad, render one still frame first,
then render the demo video if the still looks correct.When you want faster iteration, ask the agent to use the fast render workflow. The important rule is simple:
Copy this prompt:
Use the fast Remotion ad workflow: render low-resolution stills first, then a
half-size draft MP4 only if the stills are correct. Do not render full-size video
until I approve the draft.创新的视频自动化方案，结合AI编码与Remotion框架优势。项目活跃度一般，市场前景广阔但成熟度有限。
AI Skill Hub 为第三方内容聚合平台，本页面信息基于公开数据整理，不对工具功能和质量作任何法律背书。
建议在沙箱或测试环境中充分验证后，再部署至生产环境，并做好必要的安全评估。
✅ MIT 协议 — 最宽松的开源协议之一，可自由商用、修改、分发，仅需保留版权声明。
经综合评估，Remotion AI广告视频生成 在Agent工作流赛道中表现稳健，质量良好。如果你已有明确的使用需求，可以直接上手体验；如果还在评估阶段，建议对比同类工具后再做决策。
| 原始名称 | remotion-ad-video-skill |
| 原始描述 | 开源AI工作流：Create Remotion ad video projects from a URL with an AI coding agent, no video-g。⭐53 · JavaScript |
| Topics | 视频生成AI编码Remotion广告制作自动化 |
| GitHub | https://github.com/leosssvip-dot/remotion-ad-video-skill |
| License | MIT |
| 语言 | JavaScript |
收录时间：2026-05-21 · 更新时间：2026-05-22 · License：MIT · AI Skill Hub 不对第三方内容的准确性作法律背书。
选择 Agent 类型，复制安装指令后粘贴到对应客户端