Recreate a video ad as a JavaScript animation
I let Opus 5.5 recreate a Chatgpt ad. Task: The user downloaded a ChatGPT ad video and audio from YouTube, then instructed Claude (Opus 5.5) with ffmpeg access to recreate the video as a pure JavaScript animation. The prompt emphasized high production value, subtle animation capture, and autonomous execution. The human role was limited to initial setup and providing the source files, with no documented ongoing supervision during the generation process.; tools: Claude. Human role: The original post does not say how a person stayed involved.; limitations: The source does not specify technical constraints, costs, or integration requirements beyond ffmpeg access. Reliability is low as this is a single anecdotal experiment without peer review or reproducibility data. Human approval steps are not defined, and the prompt explicitly requested autonomous work, which may conflict with safety guidelines for commercial use..
Tools
Published on Agent Work Atlas:
Overview
I let Opus 5.5 recreate a Chatgpt ad.
Workflow
The user downloaded a ChatGPT ad video and audio from YouTube, then instructed Claude (Opus 5.5) with ffmpeg access to recreate the video as a pure JavaScript animation. The prompt emphasized high production value, subtle animation capture, and autonomous execution. The human role was limited to initial setup and providing the source files, with no documented ongoing supervision during the generation process.
Reported result
The author reported that the task completed in under an hour in a single attempt, with the only visible difference being the end logo. No quantitative metrics on fidelity, performance, or code quality were provided. The outcome is described as an experiment rather than a verified production success, leaving actual usability and accuracy unmeasured.
Human role
The original post does not say how a person stayed involved.
Limitations
The source does not specify technical constraints, costs, or integration requirements beyond ffmpeg access. Reliability is low as this is a single anecdotal experiment without peer review or reproducibility data. Human approval steps are not defined, and the prompt explicitly requested autonomous work, which may conflict with safety guidelines for commercial use.
Try it
Act as a video-to-code specialist. I will provide a source video file [replaceable: video.mp4] and audio file [replaceable: video.mp3]. Your task is to recreate this video as a pure JavaScript animation using HTML5 Canvas or SVG. Steps: 1. Analyze the video frames and audio timing to identify key visual elements and transitions. 2. Generate the JavaScript code to animate these elements, ensuring high production value and smooth motion. 3. Use ffmpeg to extract reference frames if needed for accuracy. 4. Output the complete HTML/JS/CSS code in a single file. Constraints: - Do not use external libraries unless necessary for physics or complex easing. - Match the original audio duration exactly. - Before finalizing, create a 5-second sample animation and pause for my review. - Do not proceed to full generation until I approve the sample. Deliverables: 1. A sample animation file for review. 2. The final complete code file. 3. A brief report on any deviations from the original video. If inputs are missing, ask for them. If ffmpeg is unavailable, state limitations clearly.
Source reports are not independently verified. Publication date is the catalog publication date, not the original article date.