{"id":"2014740993208188959","url":"https://x.com/itsolelehmann/status/2014740993208188959","text":"","author":{"name":"Ole Lehmann","username":"itsolelehmann","avatarUrl":"https://pbs.twimg.com/profile_images/1633697720291704832/GBmxTCa6_200x200.jpg"},"createdAt":"Fri Jan 23 16:44:19 +0000 2026","engagement":{"replies":28,"retweets":83,"likes":1224,"views":211669},"article":{"title":"How to create viral animated videos with Claude Code (for non-technical people)","previewText":"I'm going to show you how to put Claude Code on steroids so it creates viral animated product videos for you that used to cost $1000s of dollars.\nI'm as non technical as potato, so this is a beginners","coverImageUrl":"https://pbs.twimg.com/media/G_XL8pgXQAEqAax.jpg","content":"I'm going to show you how to put Claude Code on steroids so it creates viral animated product videos for you that used to cost $1000s of dollars.\n\nI'm as non technical as potato, so this is a beginners guide.\n\nIf you don't live under a rock, you saw that Remotions video agent announcement went giga viral on X:\n\nCool terminal animations, 3D transforms, spring physics.\n\nI'll also share the exact way that Remotion prompted their own animation video that got 10s of millions of views.\n\nYou don't need video editing experience. If you can type a sentence, you can do this.\n\n10 minutes from now you'll have Claude building animated promos on command.\n\n## Step 1. Setting it up in your IDE\n\nOpen Claude Code inside VSCODE/Cursor and run:\n\n> npx skills add remotion-dev/skills\n\nThis teaches Claude how to write video code. Think of it like giving Claude a cheat sheet for Remotion's syntax and best practices.\n\nThen:\n\n> npx create-video@latest\n\nThis creates a new video project folder with everything you need. \n\nPick Hello World template when it asks (this is for beginners)\n\n![](https://pbs.twimg.com/media/G_XCp_aXoAAHb62.png)\n\nRemotion Studio opens at localhost:3001. \n\nThat's where you preview your animations in real-time.\n\n![this is what the editor looks like ](https://pbs.twimg.com/media/G_XCgQaWAAAwOLQ.jpg)\n\nOne cleanup step: \n\nyour folder will have config files for different AI tools (Cursor, Gemini, OpenCode). Delete those. Keep only agent.claude.md so Claude isn't confused by conflicting instructions.\n\n## Step 2 let Claude analyze your product\n\none way to do it, is to directly point it to your website/app files:\n\n\"Look at /src/pages/index.tsx. \n\nWhat components would work as animated videos?\"\n\nOr your live site:\n\n\"Go to myproduct. com. What sections would make good promos?\"\n\nClaude studies the structure, suggests what to animate.\n\nNow it's time to prompt more details:\n\n## Step 3 the detailed approach (prompting example) \n\n \nThe following workflow is an example by Remotion:\n\nStart basic:\n\n> \"Create a macOS terminal window, 1280x1000px, light theme. Blinking cursor.\"\n\nAdjust:\n\n> \"Remove background. Bigger font.\"\n\n> \"Add margin, keep transparent.\"\n\nAdd typing:\n\n> \"Typewriter animation that types 'npx skills add remotion-dev/skills'\"\n\n> \"Cursor blinks while idle.\"\n\nAdd depth:\n\n> \"3D rotation. 20 degrees X and Y.\"\n\nToo much:\n\n> \"10 degrees each axis.\"\n\nAdd movement:\n\n> \"Rotate Y axis from 10 to -10 degrees over video length.\"\n\nTerminal rocks while typing.\n\nAdd entrance:\n\n> \"Slide from bottom. Spring animation. No bounce.\"\n\nClaude can run actual commands:\n\n> \"Run 'npx skills install remotion-dev/skills' yourself. Add output as terminal content.\"\n\nClaude executes it, sees the ASCII logo, adds real output to the animation.\n\n> \"Stagger lines. One every 50ms.\"\n\nExit:\n\n> \"When done, flip terminal toward camera. Rotate X axis. Transform origin at bottom.\"\n\nBranding:\n\n> \"New composition. Remotion logo, plus sign, Claude Code logo.\"\n\n15 minutes total.\n\nthe hands-off approach\n\nMagnus Müller posted this \"vibe\" workflow, it's also worth trying.\n\n![lots of iterations also work!](https://pbs.twimg.com/media/G_XDDjVWoAEblc-.jpg)\n\n## export\n\nWhen you're happy with the preview, turn it into a video file:\n\n> npx remotion render MyComposition --output promo.mp4\n\nReplace MyComposition with your composition name (you'll see it in the left sidebar of Remotion Studio). \n\nThis spits out an MP4 you can upload anywhere.\n\nwhat actually works\n\nAnything with structure. \n\nTerminals typing out commands. Screenshots of your product zooming and transitioning between states. Text that appears letter by letter or numbers counting up.\n\nBasically:\n\nif it has clean edges and predictable movement, Claude handles it.\n\nwhere it falls apart\n\nCharacters walking around or fluid organic shapes. \n\nAnything that needs frame-by-frame finesse.\n\nAlso: don't describe 10 things at once. Claude gets confused and elements end up in random places. One change, check it, next change.\n\nfew things I learned\n\nTell Claude your video has three parts before you start: \n\nintro, main content, outro. Helps it organize the code better.\n\nIf you want to use your own images or logos, drop them in the /public folder and tell Claude the exact path. \n\n\"Use public/logo.png for the intro.\"\n\nBudget time for back-and-forth.\n\nEach iteration takes 2-3 minutes while Claude thinks and writes code. \n\nNow have fun with :)\n\nP.S. I'm going to do an in depth Claude Code for Content/Marketing workshop soon. Content creation, landing pages, keyword analysis, everything you need as a marketer in 2026. You can [pre-register](https://tally.so/r/5Bj7OP) to reserve a spot (no payment needed)"},"adhxContext":{"savedByCount":1,"publicTags":[],"previewUrl":"https://adhx.com/itsolelehmann/status/2014740993208188959"}}