Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

THIS GUY UPDATED AN OPEN SOURCE TOOL FOR CLAUDE FABLE 5 THAT TAKES A SINGLE IMAGE AND AUTOMATICALLY REBUILDS IT AS A PREMIUM SCROLL LINKED WEB ANIMATION Instead of slicing videos by hand or exporting individual frames, you just hand it an image and it recreates the entire sequence... as a pure scroll mapped experience - Pick an anchor image and set your overall creative direction - The tool automatically scales it into motion clips and uses ffmpeg to rip out every frame in the background - Maps the frames directly to your scroll position, tracking the cursor for an ultra smooth user experience - AND its open source, so you can drop the skill into your own terminal workspace He tested it on a highly detailed origami style travel website and it came out genuinely good for something built completely in one shot Turning a single photo into an automated frame mapped scrolling app is the kind of thing that used to take a developer hoursshow more

0xMarioNawfal

258,023 subscribers

110,983 views • 19 days ago •via X (Twitter)

Arts Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Fable 5 and GPT-5.6 built the same scroll-animated website from 1 skill in 32 minutes and only 1 of them made it feel like a film. Same prompt: boutique Japan travel brand, origami style. A subway pulls in, a paper house unfolds into a hotel, a bird takes flight as you scroll. Doing this by hand is brutal multiple videos, matched starting frames, frames ripped out 1 by 1 and synced to scroll position. The skill does all of it: Generate 1 anchor image and approve it every scene inherits the style Turn it into video through the Higgs Field MCP (Seedance), straight from the terminal FFmpeg pulls every frame Each frame maps to scroll position, so your scrollbar becomes the playhead Setup is just connecting the MCP and loading the skill works in Claude Code and Codex. It interviews you first about scenes, budget and mobile, then shows the anchor image before burning a single credit on video. Budget reality: 6 scenes runs ~800 credits and is overkill, 4 scenes is the sweet spot, crop-safe mobile is the cheap path. The verdict came down to transitions. GPT-5.6 Soul built strong scenes with incredible detail inside each one then hard cuts between scene 1 and 2, and again between 2 and 3. Fable 5 stitched them together: wires push out of the top of frame while the next scene blurs in behind, gains depth and locks into place. Same skill, same prompts, 10 generations each. Credit to Peter Wang for the original Scroll World skill open source, now forked with budget tiers and mobile fixes. Soul built 4 scenes. Fable built 1 film.

Spike 1%

44,585 views • 18 days ago

Fable 5 and GPT-5.6 built the same scroll-animated website from one skill in 32 minutes. Only one of them made it feel like a film. Same prompt. Boutique Japan travel brand, origami style. A subway pulls in, a paper house unfolds into a hotel, a bird takes flight as you scroll. Doing this by hand is brutal, so the skill handles everything automatically. Here is how it works: → One anchor image sets the visual style and every scene that follows inherits it automatically → Higgsfield generates the video straight from the terminal through the MCP connection, no manual exporting → FFmpeg rips every frame out of the generated video automatically → Each frame then gets mapped to a scroll position so your scrollbar literally becomes the playhead The verdict came down to transitions. GPT-5.6 built strong individual scenes with incredible detail inside each one, but then hard-cut between them with no connection. Fable 5 stitched everything together. Wires push out of the top of the frame while the next scene blurs in behind it, gains depth and locks into place seamlessly. Same skill, same prompts, 10 generations each from both models. GPT-5.6 built 4 scenes. Fable 5 built one continuous film. Credit: Chase AI

0xMarioNawfal

48,091 views • 18 days ago

I built an open-source tool to fix something that drives me nuts. You ask ChatGPT or Gemini for a game asset and get an image with a background baked in. Ask for transparency and you get... a fake checkerboard. Then you hunt for a background remover, then slice each sprite out by hand. So I built Sprite Lab. Drop a spritesheet → it auto-detects the backdrop (checkerboard, white, magenta, green), removes it cleanly with no halo, and slices every frame for you. Export as PNGs + a strip + manifest. 100% in your browser. No uploads, no AI model, no sign-up. Free and open source. #gamedev #indiegame

I built an open-source tool to fix something that drives me nuts. You ask ChatGPT or Gemini for a game asset and get an image with a background baked in. Ask for transparency and you get... a fake checkerboard. Then you hunt for a background remover, then slice each sprite out by hand. So I built Sprite Lab. Drop a spritesheet → it auto-detects the backdrop (checkerboard, white, magenta, green), removes it cleanly with no halo, and slices every frame for you. Export as PNGs + a strip + manifest. 100% in your browser. No uploads, no AI model, no sign-up. Free and open source. #gamedev #indiegame

Ibrahim Boona

19,969 views • 1 month ago

A GITHUB REPO WILL BUILD YOU A SCROLLABLE 3D WORLD FOR ANY BRAND Imagine describing your brand, then getting a cinematic 3D webpage where every scroll pushes the camera deeper into the next environment with perfectly smooth transitions, similar to the immersive storytelling used on Apple's product pages. This repository works as an AI agent skill for Claude Code and Codex. Give it your brand details along with the scenes you want, and it automatically creates the images, animated zoom sequences, and transition clips that blend every section together into one continuous experience.

Kshitij Mishra | AI & Tech

23,597 views • 15 days ago

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:

Jerrod Lew

33,687 views • 1 month ago

My canvas based AI image generation tool is live! It's built on top of tldraw and uses Nano Banana Pro for image generation. You can sketch, annotate, collage in a frame... And then click to generate an image. Check it out 👉

My canvas based AI image generation tool is live! It's built on top of tldraw and uses Nano Banana Pro for image generation. You can sketch, annotate, collage in a frame... And then click to generate an image. Check it out 👉

Charlie Clark

44,335 views • 7 months ago

Notch Clips. every other ad tool ignores the footage sitting in your dropbox and generates new clips from a prompt. notch opens your library instead. it watches every clip you have ever shot and understands what is inside each one. the mood. who is in frame. what they are doing. the quality. so when you ask it to build an ad, it does not start from scratch. it reaches into your past shoots, finds the clip that fits, and slots it into the exact moment that needs it. here is what that looks like. you had thirteen versions of one reaction shot. notch picked the one that worked and left the other twelve. not by filename. not by guessing from a reference image. it watched all thirteen and could tell the difference. that is the whole idea. the right clip was already in your library. every other tool was about to make a worse one. footage you already shot, turned into every ad you still need. drop your site and a few clips you have. notch builds the first ad from them.

Notch Clips. every other ad tool ignores the footage sitting in your dropbox and generates new clips from a prompt. notch opens your library instead. it watches every clip you have ever shot and understands what is inside each one. the mood. who is in frame. what they are doing. the quality. so when you ask it to build an ad, it does not start from scratch. it reaches into your past shoots, finds the clip that fits, and slots it into the exact moment that needs it. here is what that looks like. you had thirteen versions of one reaction shot. notch picked the one that worked and left the other twelve. not by filename. not by guessing from a reference image. it watched all thirteen and could tell the difference. that is the whole idea. the right clip was already in your library. every other tool was about to make a worse one. footage you already shot, turned into every ad you still need. drop your site and a few clips you have. notch builds the first ad from them.

Vinay Jain

406,286 views • 2 months ago

This site looks like it was built by a team of 3D developers It wasn't. It's just video. And that's the part nobody expects > he generated two frames with AI > turned them into a clip with Seedance 2.0 > then gave it to Claude 4.8 to wrap into a full immersive scrollable experience Three effects that make the user feel like they're physically moving through a space: > see-through scrub > 3D scroll > mouse tracking None of them are actually 3D. The browser never renders a single polygon. It's a video being controlled by scroll position and cursor movement Most people assume sites like this require a creative developer who specializes in WebGL and weeks of optimization. The actual pipeline is three steps and fits in an afternoon full walkthrough in the article below. bookmark this before you need it

This site looks like it was built by a team of 3D developers It wasn't. It's just video. And that's the part nobody expects > he generated two frames with AI > turned them into a clip with Seedance 2.0 > then gave it to Claude 4.8 to wrap into a full immersive scrollable experience Three effects that make the user feel like they're physically moving through a space: > see-through scrub > 3D scroll > mouse tracking None of them are actually 3D. The browser never renders a single polygon. It's a video being controlled by scroll position and cursor movement Most people assume sites like this require a creative developer who specializes in WebGL and weeks of optimization. The actual pipeline is three steps and fits in an afternoon full walkthrough in the article below. bookmark this before you need it

monokern

157,060 views • 24 days ago

SHE CHARGES $7500 FOR A SITE YOU CONTROL BY WAVING AT YOUR WEBCAM no mouse, no scroll, no clicking anything, the camera tracks your hand and the whole site responds as you move it through the air how she built it: render the base clip in seedance 2 open replit and attach your design reference tell it to wire hand tracking with mediapipe map the hand position to the video in a single prompt still in the same chat, switch it to slide mode or a scroll transform whenever you want she never wrote one line of the tracking code, replit stood up the entire gesture layer from that one instruction meanwhile your local dev still thinks interactive means a button that lights up when the cursor grazes it the exact mediapipe prompt is in the guide below, save it before this becomes the standard

SHE CHARGES $7500 FOR A SITE YOU CONTROL BY WAVING AT YOUR WEBCAM no mouse, no scroll, no clicking anything, the camera tracks your hand and the whole site responds as you move it through the air how she built it: render the base clip in seedance 2 open replit and attach your design reference tell it to wire hand tracking with mediapipe map the hand position to the video in a single prompt still in the same chat, switch it to slide mode or a scroll transform whenever you want she never wrote one line of the tracking code, replit stood up the entire gesture layer from that one instruction meanwhile your local dev still thinks interactive means a button that lights up when the cursor grazes it the exact mediapipe prompt is in the guide below, save it before this becomes the standard

Bounce

58,238 views • 21 days ago

THIS GUY VIBE CODED A TOOL THAT TURNS ANY SVG INTO A 3D OBJECT YOU CAN SPIN, ANIMATE, AND EMBED drag in an SVG, type some text, or draw pixel art. it becomes a 3D object instantly. spin it around, animate it, and embed it on your site. export as 4K image or video. runs entirely in your browser and nothing gets uploaded to any server with no account needed. 100% free AND its open source. this is one of those tools you didn't know you needed until you see it

THIS GUY VIBE CODED A TOOL THAT TURNS ANY SVG INTO A 3D OBJECT YOU CAN SPIN, ANIMATE, AND EMBED drag in an SVG, type some text, or draw pixel art. it becomes a 3D object instantly. spin it around, animate it, and embed it on your site. export as 4K image or video. runs entirely in your browser and nothing gets uploaded to any server with no account needed. 100% free AND its open source. this is one of those tools you didn't know you needed until you see it

Om Patel

230,215 views • 3 months ago

I built an openclaw tool that automatically builds websites for leads it scrapes from google maps, auto-records the website as a video, and sends it to them as a cold pitch... It literally screen records the website that was made for THEIR business, so the lead will feel it's personalized This is an all encompassing machine to sign clients and fulfill all in one loop Reply "video" and I'll DM you a free prompt to build it yourself. (must be following)

I built an openclaw tool that automatically builds websites for leads it scrapes from google maps, auto-records the website as a video, and sends it to them as a cold pitch... It literally screen records the website that was made for THEIR business, so the lead will feel it's personalized This is an all encompassing machine to sign clients and fulfill all in one loop Reply "video" and I'll DM you a free prompt to build it yourself. (must be following)

Chris

122,738 views • 4 months ago

New Tools for a New Era. Coding agents like Claude and Cursor have dramatically reduced the time it takes to go from idea to functional software. But the experience of designing and refining with them sucks. One reason for this is that while the terminal is an incredible tool for communicating direction with language, it is a terrible tool for defining and exploring visual and interactive objects. Here is one idea for how we might fix a small part of that. In the old world, when you wanted to create a transition or animation in your app, you would type some code, refresh your local server, and click to run your animation. It probably wasn't right, because after all no one can know what 'cubic-bezier(0.3, 0.05, 0.45, 1)' really feels like when you read it. You need to see it. Feel it. Interact with it in a real world context. So you'd edit some values, save, refresh, and keep guessing and checking until it felt right. Today, you can write a quick, single-use tool that's a visual studio for designing animations. You can then configure some components and containers common in all apps, and explore different animations in real time, adjusting key properties, and getting it just right. Then, you can copy a highly detailed prompt (or export a skill containing all your animations) that captures your intent and direction with perfect clarity. Paste this into your terminal and your agent instantly implements it everywhere. To me, this is an improvement over the old world, and a better way to work in today's. I'm extremely excited to see the ways in which our ability to rapidly create software will shape how we design software tomorrow. Feedback, ideas, and critiques welcome!

New Tools for a New Era. Coding agents like Claude and Cursor have dramatically reduced the time it takes to go from idea to functional software. But the experience of designing and refining with them sucks. One reason for this is that while the terminal is an incredible tool for communicating direction with language, it is a terrible tool for defining and exploring visual and interactive objects. Here is one idea for how we might fix a small part of that. In the old world, when you wanted to create a transition or animation in your app, you would type some code, refresh your local server, and click to run your animation. It probably wasn't right, because after all no one can know what 'cubic-bezier(0.3, 0.05, 0.45, 1)' really feels like when you read it. You need to see it. Feel it. Interact with it in a real world context. So you'd edit some values, save, refresh, and keep guessing and checking until it felt right. Today, you can write a quick, single-use tool that's a visual studio for designing animations. You can then configure some components and containers common in all apps, and explore different animations in real time, adjusting key properties, and getting it just right. Then, you can copy a highly detailed prompt (or export a skill containing all your animations) that captures your intent and direction with perfect clarity. Paste this into your terminal and your agent instantly implements it everywhere. To me, this is an improvement over the old world, and a better way to work in today's. I'm extremely excited to see the ways in which our ability to rapidly create software will shape how we design software tomorrow. Feedback, ideas, and critiques welcome!

joshpuckett

82,065 views • 6 months ago

Turn your scene into a beautiful drone shot. Simply upload the image you want to use as a frame and start your prompt with “Zoom out drone shot” to bring new depth to a photo or video. Try it out and show us your result!

Turn your scene into a beautiful drone shot. Simply upload the image you want to use as a frame and start your prompt with “Zoom out drone shot” to bring new depth to a photo or video. Try it out and show us your result!

Google Flow

35,586 views • 6 months ago

MIT engineers built an AI wristband that controls robots by reading your hand muscles. It works by using an ultrasound to capture images of the muscles and tendons in your wrist. An AI algorithm then translates those images into the exact position of all 5 fingers, tracking 22 different ways your hand can bend, twist, and extend. In demos, wearers directed a robotic hand to play piano just by moving their own fingers. To put the complexity in perspective, it takes: > 34 muscles > 27 joints > 100+ tendons ...Just to scroll your phone This device captures it all from a band the size of a smartwatch. They tested across 8 volunteers with different hand sizes, tracking everything from sign language letters to holding scissors. The team is now collecting data from hundreds more users to train robots in surgical procedures. Something like this could one day become the universal remote for robots and virtual worlds, and we're way closer than most people expect.

MIT engineers built an AI wristband that controls robots by reading your hand muscles. It works by using an ultrasound to capture images of the muscles and tendons in your wrist. An AI algorithm then translates those images into the exact position of all 5 fingers, tracking 22 different ways your hand can bend, twist, and extend. In demos, wearers directed a robotic hand to play piano just by moving their own fingers. To put the complexity in perspective, it takes: > 34 muscles > 27 joints > 100+ tendons ...Just to scroll your phone This device captures it all from a band the size of a smartwatch. They tested across 8 volunteers with different hand sizes, tracking everything from sign language letters to holding scissors. The team is now collecting data from hundreds more users to train robots in surgical procedures. Something like this could one day become the universal remote for robots and virtual worlds, and we're way closer than most people expect.

Rowan Cheung

27,999 views • 3 months ago

SOMEONE VIBE CODED AN APP THAT TURNS YOUR IPHONE INTO A FULL DUMBPHONE, THEN BUILT A 3D PRINTED CASE THAT MAKES IT AN ACTUAL CLICK WHEEL IPOD your iphone slides into a 3d printed shell that covers most of the screen and adds a real click wheel, so you scroll and press menu like an old ipod instead of touching the screen at all inside is a whole simplified phone system he built from scratch > 15 mini apps, music, books, camera, notes, voice memos, fitness, all of it > classic cover flow for apple music plus your own local files > a retro camera with film style luts, so you snap a photo without instantly editing and posting it > swappable themes, basic, y2k, toy, skeuo, flat, so it matches your style > the case physically blocks the rest of your screen, sealing off social apps and notifications he thinks focus is the most valuable thing we have left, so he built a way to make the most distracting device you own impossible to doom-scroll on

SOMEONE VIBE CODED AN APP THAT TURNS YOUR IPHONE INTO A FULL DUMBPHONE, THEN BUILT A 3D PRINTED CASE THAT MAKES IT AN ACTUAL CLICK WHEEL IPOD your iphone slides into a 3d printed shell that covers most of the screen and adds a real click wheel, so you scroll and press menu like an old ipod instead of touching the screen at all inside is a whole simplified phone system he built from scratch > 15 mini apps, music, books, camera, notes, voice memos, fitness, all of it > classic cover flow for apple music plus your own local files > a retro camera with film style luts, so you snap a photo without instantly editing and posting it > swappable themes, basic, y2k, toy, skeuo, flat, so it matches your style > the case physically blocks the rest of your screen, sealing off social apps and notifications he thinks focus is the most valuable thing we have left, so he built a way to make the most distracting device you own impossible to doom-scroll on

Om Patel

1,575,447 views • 1 month ago

I built a Claude skill that makes motion-style animation for YT SEO. - Paste your website, does high-intent keyword research - Paste a reference image (optional) - Scripts, edits, does SEO - It generates frames with GPT-Image-2 - and animates the video with Seedance 2.0 YouTube SEO is a great way to grow organically - YT is a search engine - YT videos rank on Google fast - YT videos get cited by AI as the #1 source But it's painful. This skill solves that. Other capabilities: articles, backlinks, Google Search Console, AI visibility reports and many more... Everything runs in Claude through the Distribb Skill Comment "SKILL", and I'll send it to you

I built a Claude skill that makes motion-style animation for YT SEO. - Paste your website, does high-intent keyword research - Paste a reference image (optional) - Scripts, edits, does SEO - It generates frames with GPT-Image-2 - and animates the video with Seedance 2.0 YouTube SEO is a great way to grow organically - YT is a search engine - YT videos rank on Google fast - YT videos get cited by AI as the #1 source But it's painful. This skill solves that. Other capabilities: articles, backlinks, Google Search Console, AI visibility reports and many more... Everything runs in Claude through the Distribb Skill Comment "SKILL", and I'll send it to you

borja

71,988 views • 23 days ago

You’re generating a video and…there it is. The shot. ✨ Don’t let it slip away. With the ability to save a frame in Scenebuilder, you can capture that single moment and bring it into future videos. Use it as your starting point, a key ingredient for another scene, or the spark for something completely new. Your next big idea might be hiding in plain sight. #FindYourFlow

You’re generating a video and…there it is. The shot. ✨ Don’t let it slip away. With the ability to save a frame in Scenebuilder, you can capture that single moment and bring it into future videos. Use it as your starting point, a key ingredient for another scene, or the spark for something completely new. Your next big idea might be hiding in plain sight. #FindYourFlow

Google Flow

18,674 views • 10 months ago

My agent is now paying for its own data. No API key. No account. No credit card. Check the video I recorded. This uses the x402 open protocol built by Coinbase, along with a simple skill. This is an open protocol governed by the Linux Foundation. To complete a goal, an agent can now search for an actor on the Apify Store, pay for it, and use it without any human intervention. The way it works is pretty simple: 1. Your agent finds an Actor it wants to use 2. It sends a request 3. The Actor sends back an HTTP 402 "Payment Required" response 4. Agent authorizes payment from a wallet in USDC on Base 5. The Actor runs 6. User receives the result The model is pay-as-you-go: the agent authorizes a spending ceiling, pays only for usage, and the remaining balance is automatically settled. This brings an entire marketplace of AI tools into the agentic economy. Here is the skill you need. Add it to your agent, and it will take care of everything for you: If you want to know how this works, including what you can do with $1, read this post: Thanks to the Apify team for partnering with me on this post.

My agent is now paying for its own data. No API key. No account. No credit card. Check the video I recorded. This uses the x402 open protocol built by Coinbase, along with a simple skill. This is an open protocol governed by the Linux Foundation. To complete a goal, an agent can now search for an actor on the Apify Store, pay for it, and use it without any human intervention. The way it works is pretty simple: 1. Your agent finds an Actor it wants to use 2. It sends a request 3. The Actor sends back an HTTP 402 "Payment Required" response 4. Agent authorizes payment from a wallet in USDC on Base 5. The Actor runs 6. User receives the result The model is pay-as-you-go: the agent authorizes a spending ceiling, pays only for usage, and the remaining balance is automatically settled. This brings an entire marketplace of AI tools into the agentic economy. Here is the skill you need. Add it to your agent, and it will take care of everything for you: If you want to know how this works, including what you can do with $1, read this post: Thanks to the Apify team for partnering with me on this post.

Santiago

26,589 views • 28 days ago

Claymation ads are quietly printing money on Meta right now. 2-3x the feed average CTR. Almost nobody is running them. And everyone assumes you need an animation studio and a $5,000 budget to make one. You don't. You need the right prompts. So I packaged the entire system into a free Claude workflow. Paste a product URL, and it spits out the full ad in minutes: → a 9-shot storyboard (proven problem-villain-hero arc) → image prompts for every single frame → video animation prompts ready for Kling, Veo or Runway → a timed voiceover script → music and sound direction The clay villain reveal alone is the kind of pattern break that stops the scroll dead. Old way: $3,000 to $5,000 and 3 weeks with a studio. This way: $3 to $6 in credits and under an hour. I've watched founders make their first one over a coffee break. The skill is 100% free. No gate, no signup. Want it? Comment "CLAY" and I'll send you the full guide (need to be following so you can receive the DM)

Claymation ads are quietly printing money on Meta right now. 2-3x the feed average CTR. Almost nobody is running them. And everyone assumes you need an animation studio and a $5,000 budget to make one. You don't. You need the right prompts. So I packaged the entire system into a free Claude workflow. Paste a product URL, and it spits out the full ad in minutes: → a 9-shot storyboard (proven problem-villain-hero arc) → image prompts for every single frame → video animation prompts ready for Kling, Veo or Runway → a timed voiceover script → music and sound direction The clay villain reveal alone is the kind of pattern break that stops the scroll dead. Old way: $3,000 to $5,000 and 3 weeks with a studio. This way: $3 to $6 in credits and under an hour. I've watched founders make their first one over a coffee break. The skill is 100% free. No gate, no signup. Want it? Comment "CLAY" and I'll send you the full guide (need to be following so you can receive the DM)

Ahad Shams

36,944 views • 2 months ago

this guy got tired of going back and forth with Claude Code describing what's wrong with the UI so he built a tool that lets you DRAW DIRECTLY on the screen claude renders something. if it's wrong you just circle the problem, add an arrow, write a note ai sees your annotations and fixes it way faster than describing it by text AND it's free + open source

this guy got tired of going back and forth with Claude Code describing what's wrong with the UI so he built a tool that lets you DRAW DIRECTLY on the screen claude renders something. if it's wrong you just circle the problem, add an arrow, write a note ai sees your annotations and fixes it way faster than describing it by text AND it's free + open source

Om Patel

108,733 views • 4 months ago