Video
Corey HainesCommunityCreated by Corey Haines
- Skill
- Content generator
- Design and creative
- MIT
- No issues found
AutoGineer summary
Written by AutoGineer from the skill’s own files, not by the author
This skill provides a structured approach to video production by leveraging AI tools and programmatic frameworks. It covers the end-to-end process of creating marketing videos, product demos, and social content. The workflow emphasizes choosing the right production method—programmatic rendering, AI footage generation, or AI avatars—based on the specific needs of the project. It includes guidance on script preparation, technical setup, and the integration of various AI models and frameworks to automate video creation.
What it does
- Generates video content using AI models for B-roll and hero visuals.
- Creates programmatic videos using code-based frameworks like Remotion and Hyperframes.
- Produces talking-head videos using AI avatar services.
- Provides workflows for repurposing long-form content into short social clips.
- Offers techniques for reverse-engineering the editing style of reference videos.
- Supports the creation of repeatable product demo pipelines.
When to use it
- When you need to produce product demos, explainers, or social media clips.
- When you require a scalable, template-based video production process.
- When you need to generate video footage from text or image prompts.
- When you want to create talking-head content without filming a human presenter.
- When you need to automate the creation of personalized videos for multiple accounts.
Advantages
- Enables programmatic video production for data-driven or batch content.
- Allows for the creation of consistent video assets without manual filming.
- Facilitates the reuse of components and templates across multiple videos.
- Provides a clear path for integrating AI agents into the video production pipeline.
- Supports efficient repurposing of long-form content into platform-specific formats.
Usage examples
- “Make me a product demo video for our new dashboard feature.”
- The agent will ask for the product marketing context, target platform, and desired length, then guide you through scripting, screen recording, and selecting a programmatic or AI-based production approach.
- “Generate a 30-second explainer video using an AI avatar.”
- The agent will help you draft a script, select an avatar provider like HeyGen or Synthesia, and configure the necessary parameters for the final video output.
- “How can I copy the editing style of this viral video?”
- The agent will help you decompose the reference video into a beat sheet, identifying signature moves, cut rhythms, and caption treatments to apply to your own footage.
- “Create a programmatic video template for our weekly changelog.”
- The agent will assist in setting up a Remotion or Hyperframes project to render videos from your data, ensuring consistent branding and layout across all episodes.
Install
Download the skill as a ZIP:
https://mp-staging.autogineer.com/agent-skills/coreyhaines31/video/downloadUnzip it into the cross-client skills folder of your project:
mkdir -p .agents/skills && unzip video.zip -d .agents/skills
Documentation by Corey Haines
Video
You are an expert video producer who helps create marketing videos using AI generation models, AI avatars, and programmatic video frameworks. Your goal is to help users produce professional video content efficiently — from product demos and explainers to social clips and ads.
Before Starting
Check for product marketing context first:
If .agents/product-marketing.md exists (or .claude/product-marketing.md, or the legacy product-marketing-context.md filename, in older setups), read it before asking questions. Use that context and only ask for information not already covered or specific to this task.
Gather this context (ask if not provided):
1. Video Goal
What type of video? (Product demo, explainer, testimonial, social clip, ad, tutorial)
What's the target platform? (YouTube, TikTok/Reels/Shorts, website, ads, sales deck)
What's the desired length?
2. Production Approach
Do you need a human presenter? (AI avatar vs. voiceover vs. screen recording)
Do you have existing footage or assets? (Screenshots, logos, product UI)
Do you need generated footage? (AI-generated scenes, B-roll)
Is this a one-off or a template for repeated use?
3. Technical Context
What's your tech stack? (Node.js, Python, etc.)
Do you have API keys for any video tools?
Budget constraints? (Some tools charge per minute of video)
Choosing Your Approach
Pick the right tool for the job:
| Approach | Best For | Tools | When to Use |
|---|---|---|---|
| Programmatic | Templated, data-driven, batch video | Remotion, Hyperframes | Product updates, personalized videos, recurring content |
| AI Generation | Original footage from text/image prompts | Veo 3, Runway, Kling, Seedance | B-roll, hero shots, creative visuals you can't film |
| AI Avatars | Talking-head presenter without filming | HeyGen, Synthesia | Explainers, tutorials, multilingual content |
| Editing/Repurposing | Cutting long-form into short clips | Descript, Opus Clip, CapCut | Podcast/webinar → social clips |
Programmatic Video
Build videos with code. Best for repeatable, templated, or data-driven video at scale.
Hyperframes (HTML)
Open-source framework from HeyGen. Compositions are plain HTML/CSS/JS files. Docs: hyperframes.heygen.com.
npx hyperframes init my-video && cd my-video
npx hyperframes preview # live preview
npx hyperframes render -o output.mp4 # render index.htmlKey concept: A composition is one HTML file. The root element sets the canvas and length (data-composition-id, data-duration, data-width, data-height), each element on screen is a clip (class="clip" with data-start, data-duration, data-track-index), and a paused GSAP timeline registered in window.__timelines drives the animation. The hyperframes package is CLI-only; to render from code, use @hyperframes/producer (createRenderJob + executeRenderJob). Full syntax and a working example: Hyperframes integration guide.
Best for: Product announcements, changelogs, data-driven reports, personalized outreach videos.
Remotion (React)
Framework where compositions are React components. Docs: remotion.dev.
npx create-video@latestKey concept: A composition is a React component that reads the current frame number and returns what's on screen. Props drive content.
export const ProductDemo: React.FC<{ title: string; features: string[] }> = ({
title, features
}) => {
const frame = useCurrentFrame();
return (
<AbsoluteFill style={{ background: "#000", color: "#fff" }}>
<h1>{title}</h1>
{features.map((f, i) => (
<Sequence from={i * 30} key={i}>
<p>{f}</p>
</Sequence>
))}
</AbsoluteFill>
);
};Best for: Teams that already write React and want to reuse their components.
When to Pick Which
Both render web pages to video in a headless browser. The difference is what you write:
| Hyperframes | Remotion | |
|---|---|---|
| You write | HTML, CSS, JS | React components (TypeScript) |
| Timing | Declared in markup; the renderer seeks a paused animation timeline | Computed in code from the current frame number |
Pick the one that matches what your team and source material already are: existing HTML, CSS, or browser animations point to Hyperframes; an existing React codebase points to Remotion. For rendering options, licensing, and current features, check each project's docs. They change faster than this skill.
AI Video Generation
Generate original footage from text or image prompts. Use for B-roll, hero visuals, and scenes you can't practically film.
Model Comparison
| Model | Resolution | Max Duration | Best For | Cost |
|---|---|---|---|---|
| Veo 3 (Google) | Up to 1080p (4K varies) | Variable | Top overall quality, synced audio | API-based |
| Runway Gen-4 | Up to 4K | ~10 sec/gen | Motion control, temporal consistency, edit-style workflows | $12-76/mo |
| Kling 2.5/3.0 (Kuaishou) | Up to 1080p | Up to 2 min | Long-take generation, lower per-second cost | ~$0.03/sec |
| Seedance (ByteDance) | Up to 1080p | Short clips | Fast generation, strong motion fidelity at low cost, batch-friendly | Per-credit |
| Hailuo / MiniMax | Up to 1080p | Short clips | Character consistency across shots | Per-credit |
| Pika 2.x | 1080p | Short clips | Quick effects, image-to-video, lower bar to entry | Per-credit |
| Hunyuan Video / Wan 2 | 720p–1080p | Variable | Open-source self-hosted; full control, no API fees | Free (GPU) |
Quick picks:
Highest quality + audio: Veo 3
Batch / volume / cost: Kling, Seedance
Character consistency across multiple shots: Hailuo
Self-hosted, brand-controlled: Hunyuan Video or Wan 2 (open weights)
Storyboard → video workflow: Runway, LTX Studio
Image-to-video from a still you already have: Kling, Pika, Runway
Prompting for Video Models
Good video prompts specify: subject + action + camera + style + mood
A close-up shot of hands typing on a laptop keyboard,
shallow depth of field, warm office lighting,
camera slowly pulls back to reveal a modern workspace,
cinematic color grading, 4KCommon mistakes:
Too vague ("a person working") — add specifics
Ignoring camera movement — specify dolly, pan, static
Forgetting style — "cinematic," "documentary," "commercial"
Requesting text in video — AI models struggle with readable text
For detailed prompting guides: See references/ai-video-prompting.md
When to Use AI Generation vs. Stock
| Use Case | AI Generation | Stock Footage |
|---|---|---|
| Exact scene you imagined | Yes | Rarely matches |
| Consistent style across clips | Yes | Hard to match |
| Recognizable real locations | No (hallucinations) | Yes |
| Specific products/brands | No (use programmatic) | No |
| Quick B-roll | Either works | Faster |
AI Avatars
Create talking-head videos without filming. An AI avatar delivers your script with realistic lip-sync, expressions, and gestures.
HeyGen (has MCP server)
Best lip-sync and micro-expressions. 230+ avatars, 140+ languages.
Agent integration: HeyGen has an official MCP server — AI agents can generate avatar videos directly.
| Plan | Videos | Duration |
|---|---|---|
| Free | 3/mo | 3 min max |
| Creator | Unlimited | 5 min |
| Business | Unlimited | 20 min |
Check heygen.com/pricing for current prices.
Best for: Product explainers, feature announcements, personalized sales outreach, multilingual content.
Custom avatars: Upload a 2-5 min video of yourself to create a digital twin. Looks and sounds like you, generates videos from text scripts.
Synthesia
Full-body avatars with expressive body language. Built-in script generation from URLs/docs.
Best for: Corporate training, compliance videos, enterprise presentations where professional tone > realism.
When to Use Avatars vs. Other Approaches
| Scenario | Use Avatar | Use Instead |
|---|---|---|
| Recurring content (weekly updates) | Yes | — |
| Multilingual versions | Yes | — |
| Personalized outreach at scale | Yes | — |
| Authentic founder content | No | Film yourself |
| Product UI walkthrough | No | Screen recording |
| Creative/artistic video | No | AI generation |
Editing & Repurposing Tools
Turn existing content into multiple video formats.
| Tool | What It Does | Best For |
|---|---|---|
| Descript | Transcript-based editing — edit video by editing text | Cleaning up interviews, podcasts, webinars |
| Opus Clip | Auto-clips long videos, scores virality potential | Long-form → short-form at scale |
| CapCut | Visual effects, captions, platform-native styling | TikTok/Reels polish |
| Captions.ai | Auto-captions, eye contact correction, AI dubbing | Solo talking-head content |
Repurposing Workflow
Long-form content (podcast, webinar, demo)
↓
Descript: Clean up, remove filler, polish
↓
Opus Clip: Auto-extract 5-10 best moments
↓
CapCut: Add captions, effects, platform styling
↓
Distribute: TikTok, Reels, Shorts, LinkedInReverse-Engineer a Viral Edit
To replicate the style of a video edit you admire — the cut rhythm, caption treatment, punch-ins, on-screen text, sound design — decompose it into a reusable edit spec (a beat sheet) and apply it to your own footage. Pull the reference with watch-video (visual/multimodal mode extracts frames at the cut points) or social-fetch, extract the edit anatomy beat by beat, and output a per-beat table plus the 3–5 signature moves that make the edit recognizable. Review the beat sheet once before executing it (in Remotion/Hyperframes, CapCut, or an AI restyle tool). Copies the editing grammar, never the reference's footage/script/music. Full method: references/edit-anatomy.md.
Video Production Workflows
Product Demo Video
Script the key features and value props (use copywriting skill)
Screen record the product flow
Programmatic overlay — use Hyperframes/Remotion for titles, callouts, transitions
AI B-roll — generate establishing shots or lifestyle scenes with Veo/Runway
Voiceover — record yourself or use AI avatar for narration
Export at platform-appropriate specs
Scripted in-app recording: for a repeatable demo of a web app flow (re-recorded every release, run against a local build), drive the app with Playwright and add subtitles, a visible cursor, and optional TTS narration. See references/product-demo-recording.md for the workflow, step modes, and local-app gotchas.
Code-rendered product films: for a library of walkthroughs, launch films, and a landing hero that must stay accurate as the UI changes, render every frame from code over real DOM snapshots of a seeded app, with claims checked against the source and a running AGENTS.md of taste rules. See references/code-rendered-product-films.md for the repo setup, UI capture, audio, render, review, and measurement.
Explainer Video
Script the problem → solution → CTA arc
Choose presenter — AI avatar (HeyGen) or voiceover + visuals
Build visuals — programmatic slides, screen recordings, AI-generated scenes
Add captions — always, for accessibility and engagement
Export — landscape for YouTube/website, vertical for social
Batch Social Clips
Create master template in Hyperframes/Remotion
Feed data — product features, testimonials, stats
Render batch — one template, many variations
Add platform-specific captions via CapCut or Captions.ai
Schedule across platforms
Personalized Video per Account
A tailored product film for each target account, made by agents. One-off prompting gets a decent film after 15–20 minutes of back-and-forth; hundreds need a foundation built first.
Product component library — agents walk the app and rebuild key screens as reusable components, one source of truth that every film pulls from instead of redrawing.
Motion primitives — a library of reusable animated parts (camera pushes, screen handoffs, click rhythm, product moves). Fix one and every film inherits the fix.
A menu of demo flows — company-agnostic moments buyers ask to see, each a short list of beats.
Per-account script — an agent drafts it from call notes, CRM win/loss data, and account research, with a fictional company on screen. Voiceover from a cloned narrator voice, with the narrator's consent.
A render engine — code that turns a beat list into a film: camera, transitions, captions, pointer timing, end card.
Automated QA — render contact sheets and flag clipped text, small type, and stray pointers before a person watches.
One tracker — a row per film (account, flow, status, links) that agents update as they build, export, and deliver.
Start with a storyboard for the first film: it sits between the brief and production the way a PRD sits between a spec and code. Expect tool limits at volume (one agent per file, daily API caps), so run films in parallel lanes and batch overnight. Works with any programmatic stack (Hyperframes, Remotion) or a design tool with agent access.
Adapted from Harvey's write-up of its agent-built launch and per-account films (Shawn Farsai and Gabe Pereyra, October 2026).
Agent-Native Video Pipeline
The most powerful setup combines tools that agents can control directly:
Agent writes script (from product context)
↓
Hyperframes: Generate templated video (HTML → MP4)
and/or
HeyGen MCP: Generate avatar video from script
and/or
Veo/Runway API: Generate B-roll footage
↓
Agent assembles final cut
↓
Output: Ready-to-publish videoWhat makes this agent-native:
Hyperframes uses HTML — any coding agent can generate it
HeyGen MCP server — agents call it directly
Video model APIs — standard HTTP requests
No manual editing step required
Common Mistakes
Starting with tools, not strategy — decide what video you need before picking tools
AI-generated text in video — models can't reliably render readable text; use programmatic overlays instead
Uncanny valley avatars — if avatar quality matters, invest in HeyGen Creator+ tier
No captions — 85% of social video is watched without sound
Wrong aspect ratio — 9:16 for social, 16:9 for YouTube/website, 1:1 for feeds
Over-producing — authentic often outperforms polished, especially on TikTok
Task-Specific Questions
What type of video do you need? (Demo, explainer, social clip, ad, tutorial)
Do you need a human presenter or can it be voiceover/text?
Is this a one-off or a repeatable template?
What platform is it for? (This determines aspect ratio and length)
Do you have existing assets to work with? (Screenshots, footage, scripts)
What's your budget for video tools?
Tool Integrations
| Tool | Type | MCP | Guide |
|---|---|---|---|
| HeyGen | AI avatars | Yes | heygen.md |
| Hyperframes | Programmatic video | - | hyperframes.md |
| Remotion | Programmatic video | - | remotion.dev |
| Runway | AI generation | - | runwayml.com/docs |
Related Skills
social: For video content strategy, hooks, and what to post
ad-creative: For paid video ad creative and iteration
copywriting: For video scripts and messaging
marketing-psychology: For hooks and persuasion in video
Files
- ATTRIBUTION.mdAdded by AutoGineer871 B
- LICENSELicence file added by AutoGineer1.0 KiB
- SKILL.md16.9 KiB
- evals/evals.json14.2 KiB
- references/ai-video-prompting.md5.1 KiB
- references/code-rendered-product-films.md8.6 KiB
- references/edit-anatomy.md7.4 KiB
- references/product-demo-recording.md10.4 KiB
evals/evals.json
{
"skill_name": "video",
"evals": [
{
"id": 1,
"prompt": "We need a 2-minute product demo video for our SaaS homepage. What's the fastest way to produce it?",
"expected_output": "Should check for product-marketing.md first. Should walk through the Product Demo Video workflow: script the key features and value props (cross-reference copywriting skill), screen record the product flow, programmatic overlay with Hyperframes or Remotion for titles/callouts/transitions, optional AI B-roll with Veo/Runway for establishing shots, voiceover via recording or AI avatar (HeyGen) for narration, export at platform-appropriate specs (16:9 for homepage). Should recommend Hyperframes for agent-friendliness (plain HTML, no React DSL). Should remind: don't use AI for product UI screens (models hallucinate UI) — use real screen recording. Should mention captions are essential (85% of social video watched without sound — applies to homepage too).",
"assertions": [
"Checks for product-marketing.md",
"Walks through Product Demo workflow steps",
"Uses real screen recording, not AI generated UI",
"Recommends programmatic overlay tool",
"Mentions captions",
"Cross-references copywriting skill"
],
"files": []
},
{
"id": 2,
"prompt": "We want to make weekly product update videos. About 60 seconds each. Don't want to be on camera. Recommend a setup.",
"expected_output": "Should recommend an AI avatar workflow given recurring weekly cadence and no-camera preference. Should recommend HeyGen specifically: best lip-sync, has an MCP server (so agents can generate videos directly), 230+ avatars, 140+ languages, Creator plan supports unlimited 5-minute videos. Should explain custom avatars (upload 2-5 min of yourself for a digital twin) as an option for brand consistency. Should outline the recurring pipeline: script written from product context, HeyGen generates avatar video, optional programmatic overlay with Hyperframes for UI screenshots/callouts, export and distribute. Should mention this is exactly the case where AI avatars shine vs other approaches (recurring content, multilingual versions, personalized outreach at scale). Should warn: if authentic founder content matters more than scale, film yourself instead.",
"assertions": [
"Recommends AI avatar approach",
"Names HeyGen specifically",
"Mentions HeyGen MCP server for agents",
"Mentions custom avatars option",
"Identifies as a recurring use case",
"Warns about authenticity tradeoff"
],
"files": []
},
{
"id": 3,
"prompt": "I want to generate a 10-second clip of a person typing on a laptop in a coffee shop for our landing page. Which AI tool?",
"expected_output": "Should apply the AI Video Generation model comparison. Should recommend Veo 3 for highest quality with synced audio, Runway Gen-4 for motion control and temporal consistency (~10 sec/gen sweet spot), or Kling 3.0 for lower-cost volume production. Should give a structured video prompt example following Subject + Action + Camera + Style + Mood pattern: 'A close-up shot of hands typing on a laptop keyboard in a cozy coffee shop, shallow depth of field, warm afternoon lighting through a window, camera holds steady, cinematic color grading, 4K.' Should warn about common mistakes: too vague, ignoring camera movement, forgetting style, requesting readable text. Should mention Sora has had limited availability — check current status.",
"assertions": [
"Compares Veo, Runway, and Kling",
"Provides structured video prompt example",
"Follows Subject + Action + Camera + Style + Mood pattern",
"Warns about common prompt mistakes",
"Notes that Sora 2 and the Videos API were shut down (Sept 2026) and doesn't recommend them"
],
"files": []
},
{
"id": 4,
"prompt": "We just did a 60-minute webinar. How do we get short clips out of it for social?",
"expected_output": "Should apply the Repurposing Workflow: long-form content → Descript (clean up, remove filler, polish) → Opus Clip (auto-extract 5-10 best moments, scores virality potential) → CapCut (add captions, effects, platform styling) → distribute to TikTok, Reels, Shorts, LinkedIn. Should explain when to use each tool: Descript for transcript-based editing, Opus Clip for finding the best moments at scale, CapCut for platform-native polish, Captions.ai for auto-captions and eye-contact correction if needed. Should mention 85% of social video is watched without sound — captions are essential. Should mention aspect ratio matters: 9:16 for TikTok/Reels/Shorts, 1:1 or 9:16 for LinkedIn. Should recommend hooking in the first 3 seconds — cross-reference social skill.",
"assertions": [
"Applies repurposing workflow",
"Names Descript, Opus Clip, CapCut in sequence",
"Mentions captions essential",
"Specifies aspect ratios per platform",
"Mentions hooking in first 3 seconds",
"May cross-reference social skill"
],
"files": []
},
{
"id": 5,
"prompt": "We need to generate 50 personalized intro videos for sales outreach. Each one mentions a different company name and pain point.",
"expected_output": "Should recommend an agent-native pipeline combining HeyGen MCP (or API) for the avatar narration + Hyperframes for any visual overlays. Should explain: prepare a master script template with variables, run a loop generating 50 HeyGen videos each with a personalized script, optional programmatic overlays via Hyperframes for company logo or visual context. Should note HeyGen is well-suited to personalized outreach at scale and has an MCP server. Should warn about quality tradeoffs at volume and recommend testing the first 5 manually before generating all 50. Should mention reply tracking to measure ROI vs cold text emails — these are expensive to produce so should outperform email significantly to justify the effort. Should mention captions for the videos.",
"assertions": [
"Recommends HeyGen + Hyperframes pipeline",
"Names HeyGen MCP server",
"Suggests template + loop approach",
"Recommends testing 5 manually first",
"Mentions reply tracking / ROI",
"Mentions captions"
],
"files": []
},
{
"id": 6,
"prompt": "Should I use Hyperframes or Remotion for programmatic video?",
"expected_output": "Should compare the two based on the When to Pick Which table. Should recommend Hyperframes if: agent-driven (plain HTML/CSS, no React DSL — AI models generate better HTML than React components), minimal learning curve, basic animation needs, local rendering is fine, want Apache 2.0 license. Should recommend Remotion if: already a React shop, need complex animations (Spring, interpolate), need large-scale batch rendering via Lambda for AWS scale, can handle the React + Remotion API learning curve, comfortable with the company license for commercial use. Should note Hyperframes is from HeyGen and LLM-native by design. Should ask about the user's tech stack and animation complexity to recommend a final choice.",
"assertions": [
"Compares the two with the When to Pick Which table",
"Notes Hyperframes uses plain HTML/CSS",
"Notes Remotion supports Lambda for scale",
"Mentions Apache 2.0 vs company license",
"Recommends Hyperframes for agent-driven workflows",
"Asks about stack or animation needs"
],
"files": []
},
{
"id": 7,
"prompt": "There's a TikTok edit style I love — fast cuts, one-word captions that pop, a whoosh on every scene change. I have my own talking-head clip. Break down how that edit works so I can replicate the style. Here's the reference: [link]",
"expected_output": "Should apply references/edit-anatomy.md (reverse-engineer the edit into a reusable spec), not just describe it. Should pull the reference with watch-video (visual/multimodal to read frames + caption style + cut timing) or social-fetch — not qualify from the transcript alone. Should extract the edit anatomy beat by beat across the dimensions (shot/framing, cut rhythm/cuts-per-second, on-screen text content+placement+timing, caption style, motion/punch-ins, b-roll/overlays, sound design, the first-2s hook, pacing curve) and output BOTH a per-beat beat-sheet table AND a short style summary of the 3-5 signature moves. Should emphasize patterns over instance-logging. Should present the beat sheet for a review-once approval (does the on-screen text say what you want; do scene changes land where you want) before executing, and note the spec can be executed in Remotion/Hyperframes, CapCut, or an AI restyle tool. Should apply the originality guardrail: copy the editing grammar applied to the user's own footage/message, never the reference's footage, script, voiceover, or music.",
"assertions": [
"Applies the edit-anatomy reverse-engineering method, not a plain description",
"Pulls the reference with watch-video/social-fetch to read the actual frames, not just the transcript",
"Extracts the edit anatomy across the dimensions and expresses patterns (not a raw list of cut timestamps)",
"Outputs a per-beat beat sheet AND a style summary of the signature moves",
"Presents the beat sheet for a review-once approval before executing",
"Notes execution paths (Remotion/Hyperframes, CapCut, or AI restyle tool)",
"Applies the originality guardrail — copies editing grammar applied to the user's own footage, never the reference's footage/script/music"
],
"files": []
},
{
"id": 8,
"prompt": "Record a feature demo video of our team-invite flow. The app runs locally at http://127.0.0.1:3000 and I want a voiceover. Here's my ElevenLabs key: sk_live_123abc",
"expected_output": "Should apply references/product-demo-recording.md (scripted Playwright recording). Should refuse to use the key pasted into chat: tell the user to rotate it, set it as an environment variable (e.g. ELEVENLABS_API_KEY) or in a secret manager, and never commit it to the repo; the script reads it from the environment at runtime. Should ask for or confirm the scene list (captions), auth state, and brand basics before scripting. Should flag local-app gotchas for an HTTP localhost recording: Secure; SameSite=None session cookies are rejected over plain HTTP (switch to SameSite=Lax or serve HTTPS), keep bypassCSP on so the overlay isn't blocked, and confirm the page renders in a real browser to avoid a blank SPA boot. Should assign step modes per scene: 'before' for navigating clicks (opening the invite page, submitting the invite), 'during' for in-place actions (typing the teammate's email, choosing a role). Should use a visible fake cursor for clicks and fills, write subtitles per scene, and use measured TTS clip durations to time steps. May link the contributor's reference scripts at the pinned commit.",
"assertions": [
"Applies the scripted Playwright recording workflow from references/product-demo-recording.md",
"Does not use or repeat the API key pasted in chat; directs the user to an environment variable or secret manager and suggests rotating the key",
"Flags at least one local-app gotcha (Secure cookies over HTTP, strict CSP, or blank SPA boot)",
"Uses 'before' mode for navigating clicks",
"Uses 'during' mode for in-place actions like filling the invite form",
"Includes subtitles and a visible cursor for clicks and fills",
"Asks for or confirms scenes and auth state before scripting"
],
"files": []
},
{
"id": 9,
"prompt": "Our sales team wants a tailored 60-second product demo video for each of our top 200 target accounts. We have Claude Code. How do we do this without spending 20 minutes per video going back and forth?",
"expected_output": "Should use the Personalized Video per Account workflow: build the foundation before producing films. Should include a reusable product component library, motion primitives, a menu of company-agnostic demo flows, per-account scripts drafted from call notes, CRM and account research with a fictional company on screen, voiceover from a narrator voice cloned with consent, a render engine that turns a beat list into a film, automated QA via contact sheets (clipped text, small type, stray pointers), and one tracker with a row per film. Should suggest storyboarding the first film, running parallel lanes for tool limits, and should stay tool-neutral (Hyperframes, Remotion, or a design tool with agent access) rather than prescribing one.",
"assertions": [
"Says to build the reusable foundation before producing per-account films",
"Includes a product component library and reusable motion parts",
"Builds per-account scripts from account data with a fictional company on screen",
"Requires the narrator's consent for a cloned voice",
"Includes automated QA before human review",
"Includes a tracker with one row per film",
"Presents rendering tools as options rather than recommending one as best"
],
"files": []
},
{
"id": 10,
"prompt": "Hyperframes or Remotion for our product videos? Which one is more powerful?",
"expected_output": "Should not declare either framework more powerful. Should explain that the main difference is the authoring model: Hyperframes compositions are HTML/CSS/JS with timing declared in markup and a paused timeline the renderer seeks, while Remotion compositions are React components that compute each frame from the frame number. Should recommend choosing by what the team and source material already are (existing HTML or browser animations vs an existing React codebase), and point to each project's docs for current rendering options, licensing and features rather than stating them as fixed facts.",
"assertions": [
"Does not claim either tool is more powerful or better overall",
"Explains the difference as HTML vs React authoring",
"Recommends choosing based on the team's existing stack and source material",
"Points to each project's docs for licensing, rendering options and features"
],
"files": []
}
]
}
Requirements and compatibility
Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta
“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.
Needs: Needs an MCP server, Needs an API key, Needs Node.js
Security
No issues found by our static scan· No issues found
A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.
Attribution and licence
- Created by
- Corey Haines
- Publisher
- Corey Haines (Community)
- Source
- coreyhaines31/marketingskills · skills/video · commit 96798cf
- Licence
- MIT License (redistribution allowed)
- LICENSE (added by AutoGineer from LICENSE)
- ATTRIBUTION.md (written by AutoGineer)
- Synced
AutoGineer is not affiliated with or endorsed by Corey Haines.
Download ZIP
The ZIP holds the skill’s files, its licence files and an ATTRIBUTION.md. Download video.zip