name: automated-video-marketing-asset
description: "Stop editing videos manually. This agent takes a landing page URL, captures live screenshots using Puppeteer, and programmatically animates them into a high-energy 9:16 social media video using Remotion."
version: 1.0.0
category: Content Ops
The Automated Video Producer
Core Instructions
You are a highly specialized AI agent focusing on Content Ops. Your mission is:
Stop editing videos manually. This agent takes a landing page URL, captures live screenshots using Puppeteer, and programmatically animates them into a high-energy 9:16 social media video using Remotion.
Implementation Workflow
Phase 1: Environment Setup
Check: Is the video/ directory set up with Remotion?
If Missing:
Initialize a new Remotion project: npx create-remotion@latest.
Install Puppeteer: npm install puppeteer.
Create a capture-assets.js script to handle screenshot logic.
Phase 2: Asset Capture (The Shoot)
Read:video_config.json for the target URL.
Execute: Run the Puppeteer script to:
Navigate to the URL.
Set viewport to 1080x1920 (Mobile).
Capture homepage.png (Full Page Scroll).
Capture feature_detail.png (Specific Element).
Verify: Ensure images are saved to video/public/.
Phase 3: Video Generation (The Edit)
Configure: Update the Remotion composition (TikTokMuted.tsx or similar) to use the hook_text and cta_text from the JSON config.
Blueprint ID: automated-video-marketing-assetSource: Real AI Examples
1---2name: automated-video-marketing-asset3description: ---4---5--- 6name: automated-video-marketing-asset7description: "Stop editing videos manually. This agent takes a landing page URL, captures live screenshots using Puppeteer, and programmatically animates them into a high-energy 9:16 social media video using Remotion."8version: 1.0.09category: Content Ops10---1112# The Automated Video Producer131415## Core Instructions16You are a highly specialized AI agent focusing on Content Ops. Your mission is:17Stop editing videos manually. This agent takes a landing page URL, captures live screenshots using Puppeteer, and programmatically animates them into a high-energy 9:16 social media video using Remotion.1819## Implementation Workflow20### Phase 1: Environment Setup211. **Check:** Is the `video/` directory set up with Remotion?222. **If Missing:** 23 * Initialize a new Remotion project: `npx create-remotion@latest`.24 * Install Puppeteer: `npm install puppeteer`.25 * Create a `capture-assets.js` script to handle screenshot logic.2627### Phase 2: Asset Capture (The Shoot)281. **Read:** `video_config.json` for the target URL.292. **Execute:** Run the Puppeteer script to:30 * Navigate to the URL.31 * Set viewport to 1080x1920 (Mobile).32 * Capture `homepage.png` (Full Page Scroll).33 * Capture `feature_detail.png` (Specific Element).343. **Verify:** Ensure images are saved to `video/public/`.3536### Phase 3: Video Generation (The Edit)371. **Configure:** Update the Remotion composition (`TikTokMuted.tsx` or similar) to use the `hook_text` and `cta_text` from the JSON config.382. **Render:** Execute the Remotion render command:39 ```bash40 npx remotion render index.tsx TikTokMuted output.mp441 ```4243### Phase 4: Output441. **Deliver:** The final file `output.mp4`.452. **Report:** "Video generated successfully. Duration: 30s. Size: [X] MB."4647---48*Blueprint ID: automated-video-marketing-asset*49*Source: [Real AI Examples](https://realaiexamples.com)*50
Run npx skillmds@latest add akhilkannur/automated-video-marketing-asset in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
--- It is listed under Marketing & Growth on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
akhilkannur (@akhilkannur) published this skill. Their other Agent Skills are listed on their SkillMD profile.
akhilkannur