product-video
Create animated product videos with reveals and animations. Use when creating product demos, promotional videos, or dynamic visual content.
What this skill does
# Product Video Skill ## Overview Product Video creates animated videos that showcase your products with reveals, transitions, and dynamic animations. This skill teaches you to plan and conceptualize product videos. **Keywords**: product video, product animation, product demo, promotional video, animated reveal, product showcase, video marketing ## Core Methodology Product videos have three components: 1. **Visual Sequence** — How the product is revealed 2. **Animation Style** — Type of motion and transitions 3. **Pacing and Duration** — Timing and rhythm ## Video Types ### Type 1: Product Reveal **Duration**: 5-15 seconds **Concept**: ``` Product hidden, then revealed through animation - Start: Product hidden or obscured - Middle: Reveal animation (fade, slide, rotate) - End: Product fully visible, static shot ``` **Example Prompt**: ``` Product reveal animation: [Product] starts hidden in darkness, then smoothly fades in with lighting effects, rotating 360 degrees, ending in professional product photography lighting, smooth transitions, professional quality, 4K ``` ### Type 2: Feature Showcase **Duration**: 15-30 seconds **Concept**: ``` Different product features revealed one by one - Feature 1: Highlight with animation - Feature 2: Highlight with animation - Feature 3: Highlight with animation - End: Full product with all features visible ``` **Example Prompt**: ``` Product feature showcase animation: [Product] with features highlighted one by one, each feature zooms in with annotation, smooth transitions between features, professional product photography, 4K, high-end animation quality ``` ### Type 3: Product in Action **Duration**: 10-20 seconds **Concept**: ``` Product being used or in action - Setup: Product in environment - Action: Product being used - Result: Benefit/outcome shown ``` **Example Prompt**: ``` Product in action animation: [Product] in use, showing [specific action], smooth camera movement, professional lighting, cinematic quality, 4K, dynamic composition, product benefits highlighted ``` ### Type 4: Transformation **Duration**: 10-15 seconds **Concept**: ``` Product transforming or evolving - Before state - Transformation animation - After state ``` **Example Prompt**: ``` Product transformation animation: [Product] transforms from [before state] to [after state], smooth morphing animation, professional lighting, cinematic transitions, 4K quality, dynamic visual effects ``` ### Type 5: 360 Spin **Duration**: 5-10 seconds **Concept**: ``` Product rotating 360 degrees - Smooth rotation - Professional lighting throughout - Clean background ``` **Example Prompt**: ``` Product 360 spin animation: [Product] rotates smoothly 360 degrees, professional studio lighting, white background, sharp focus, smooth rotation speed, 4K quality, product photography lighting ``` ## Animation Styles ### Style 1: Smooth Fade ``` "Smooth fade transitions, fade in and fade out, gentle pacing, professional, elegant" ``` ### Style 2: Dynamic Slide ``` "Dynamic slide transitions, products slide in from sides, energetic pacing, modern, professional" ``` ### Style 3: Zoom and Rotate ``` "Zoom and rotate animations, products zoom in while rotating, dynamic pacing, cinematic, professional" ``` ### Style 4: Morphing ``` "Smooth morphing transitions, one state transforms into another, fluid animation, sophisticated, professional" ``` ### Style 5: Particle Effects ``` "Particle effects, products appear with particles or dissolve, modern, high-tech, professional" ``` ## Pacing Guidelines ### Fast Pacing ``` - Duration: 5-10 seconds - Transitions: Quick, snappy - Best For: Social media, ads, attention-grabbing - Mood: Energetic, modern, exciting ``` ### Medium Pacing ``` - Duration: 10-20 seconds - Transitions: Smooth, professional - Best For: Product pages, marketing videos - Mood: Professional, engaging, informative ``` ### Slow Pacing ``` - Duration: 20-30 seconds - Transitions: Deliberate, luxurious - Best For: Premium products, storytelling - Mood: Luxurious, sophisticated, premium ``` ## Complete Product Video Prompts ### Quick Product Reveal ``` Product reveal animation: [Product name] fades in from black background, smooth fade transition, professional studio lighting, 360 degree rotation, ending in professional product photography, 5-10 second duration, 4K quality, smooth animation, high-end production ``` ### Feature Showcase Video ``` Product feature showcase animation: [Product] with [number] key features, each feature highlighted with zoom and annotation, smooth transitions, professional lighting, cinematic quality, 15-30 second duration, 4K quality, dynamic camera movements, high-end production ``` ### Premium Product Video ``` Luxury product video: [Product] in premium setting, smooth camera movement, cinematic lighting, sophisticated animation, smooth transitions, high-end production quality, 4K, slow elegant pacing, luxury aesthetic, professional product showcase ``` ### Social Media Product Video ``` Short product video for social media: [Product] quick reveal and spin, eye-catching animation, dynamic transitions, professional lighting, 5-15 second duration, 4K quality, modern aesthetic, trending style, optimized for social platforms ``` ### Product Transformation Video ``` Product transformation animation: [Product] transforms from [state A] to [state B], smooth morphing animation, professional lighting, cinematic transitions, 10-15 second duration, 4K quality, sophisticated animation, high-end production ``` ## How to Use This Skill 1. **Choose Your Video Type** — Which type matches your need? 2. **Define Your Animation Style** — What animation fits your brand? 3. **Set Your Pacing** — How fast should the video move? 4. **Plan Your Sequence** — What happens in order? 5. **Build Your Prompt** — Combine all elements 6. **Generate Concept** — Use Image Generation to create key frames 7. **Plan Production** — Outline animation sequence ## Concept Planning Template ``` PRODUCT VIDEO CONCEPT Video Type: [Type] Duration: [seconds] Animation Style: [Style] Pacing: [Fast/Medium/Slow] SEQUENCE: Frame 1: [Description] Frame 2: [Description] Frame 3: [Description] Frame 4: [Description] Frame 5: [Description] ANIMATION DETAILS: Transitions: [Type] Effects: [Effects] Music/Sound: [Style] Lighting: [Lighting style] PRODUCTION NOTES: [Any specific requirements] ``` ## Integration with Other Skills Product Video works with: - **Creative Strategist** — Your style guide informs video aesthetic - **Image Generation** — Generate key frames for video - **Product Photography** — Product shots become video frames - **Social Graphics** — Video stills become social assets ## Pro Tips **Key Frames**: Generate key frames with Image Generation skill **Consistency**: Use same lighting and style as product photography **Pacing**: Match pacing to your brand personality **Music**: Consider music/sound design for full video **Platform**: Optimize for platform (TikTok, Instagram, YouTube) **Call-to-Action**: Include CTA at end of video **Testing**: Test different animation styles and pacing ## Common Pitfalls **Jerky Animation** — Specify "smooth," "fluid," "professional animation" **Inconsistent Style** — Reference your Creative Strategist guide **Too Long** — Keep videos short for social media (5-15 seconds) **Unclear Message** — Make product benefit clear **Poor Lighting** — Lighting must be consistent throughout **Distracting Effects** — Effects should enhance, not distract ## Next Steps Once you've planned your product videos, move to Skill 05: Social Graphics to create supporting visual assets.
Related in Image & Video
watch
IncludedWatch a video (URL or local path). Downloads with yt-dlp, extracts auto-scaled frames with ffmpeg, pulls the transcript from captions (or Whisper API fallback), and hands the result to Claude so it can answer questions about what's in the video.
physical-ai-defect-image-generation
IncludedUse when the user wants to orchestrate defect image generation, run associated setup, or handle outputs on OSMO. The Day 0 path handles cold-start with USD-to-ROI, image-edit augmentation, and AnomalyGen to create initial PCBA datasets. The Day 1 path performs inference and labeling on real images. This skill helps with first-time asset setup, creation of finetuning checkpoints, and configuring deployment. Trigger keywords: defect image generation, dig workflow, dig pipeline, defect image detection workflow, aoi pipeline, aoi anomalygen, usd2roi anomalygen, day 0 pcba, day 1 pcba, day 1 real-photo alignment, day 1 manual roi, metal surface anomaly, glass defect, anomalygen finetune, setup_pcb, setup_metal, setup_glass, setup_pretrained, dig setup, dig datasets, dig pretrained checkpoint, dig image-edit endpoint.
accelint-react-best-practices
IncludedReact performance optimization and best practices. ALWAYS use this skill when working with any React code - writing components, hooks, JSX; refactoring; optimizing re-renders, memoization, state management; reviewing for performance; fixing hydration mismatches; debugging infinite re-renders, stale closures, input focus loss, animations restarting; preventing remounting; implementing transitions, lazy initialization, effect dependencies. Even simple React tasks benefit from these patterns. Covers React 19+ (useEffectEvent, Activity, ref props). Triggers - useEffect, useState, useMemo, useCallback, memo, inline components, nested components, components inside components, re-render, performance, hydration, SSR, Next.js, useDeferredValue, combined hooks.
elevenlabs-agents
IncludedBuild conversational AI voice agents with ElevenLabs Platform using React, JavaScript, React Native, or Swift SDKs. Configure agents, tools (client/server/MCP), RAG knowledge bases, multi-voice, and Scribe real-time STT. Use when: building voice chat interfaces, implementing AI phone agents with Twilio, configuring agent workflows or tools, adding RAG knowledge bases, testing with CLI "agents as code", or troubleshooting deprecated @11labs packages, Android audio cutoff, CSP violations, dynamic variables, or WebRTC config. Keywords: ElevenLabs Agents, ElevenLabs voice agents, AI voice agents, conversational AI, @elevenlabs/react, @elevenlabs/client, @elevenlabs/react-native, @elevenlabs/elevenlabs-js, @elevenlabs/agents-cli, elevenlabs SDK, voice AI, TTS, text-to-speech, ASR, speech recognition, turn-taking model, WebRTC voice, WebSocket voice, ElevenLabs conversation, agent system prompt, agent tools, agent knowledge base, RAG voice agents, multi-voice agents, pronunciation dictionary, voice speed control, elevenlabs scribe, @11labs deprecated, Android audio cutoff, CSP violation elevenlabs, dynamic variables elevenlabs, case-sensitive tool names, webhook authentication
humanizer
IncludedHumanize AI-generated text by detecting and removing patterns typical of LLM output. Rewrites text to sound natural, specific, and human. Uses 28 pattern detectors, 560+ AI vocabulary terms across 3 tiers, and statistical analysis (burstiness, type-token ratio, readability) for comprehensive detection. Use when asked to humanize text, de-AI writing, make content sound more natural/human, review writing for AI patterns, score text for AI detection, or improve AI-generated drafts. Covers content, language, style, communication, and filler categories.
generating-mermaid-diagrams
IncludedSalesforce architecture diagrams using Mermaid with ASCII fallback. Use this skill when generating text-based diagrams for Salesforce architecture, OAuth flows, ERDs, integration sequences, or Agentforce structure. TRIGGER when: user says "diagram", "visualize", "ERD", or asks for sequence diagrams, flowcharts, class diagrams, or architecture visualizations in Mermaid. DO NOT TRIGGER when: user wants PNG/SVG image output (use generating-visual-diagrams), or asks about non-Salesforce systems.