I created this using Claude + 3D animation: 1.... Ask Claude for a scroll-based cinematic animation pla 2. Generate prompts for depth, parallax, and camera movement 3. Install Three.js + GSAP + ScrollTrigger 4. Use scroll to control zoom, scale, and scene transitions 5. Add layered images for 3D depth illusion 6. Apply smooth easing, lighting, and shadows for realism 7. Refine until it feels like one continuous scene Save thisshow more

How I use Claude to build luxury real estate... websites 👇 • Create a cinematic luxury real estate experience • Use fullscreen hero sections + smooth scroll • Add layered visuals + parallax for depth • Keep typography minimal and premium • Use GSAP + ScrollTrigger + Lenis • Add fades, reveals, and image expansion on scroll • Include subtle hover + cursor interactions • Keep motion slow, smooth, Save this 🚀show more

How I built with Claude 👇 1. Prompt: "Build... a storytelling website where each scroll section reveals a new chapter with fluid color transitions" 2. Use Three.js for the painted texture background that reacts to cursor 3. Prompt: "Add GSAP ScrollTrigger so each section animates in as a cinematic scene" 4. Use Lenis.js for that buttery smooth scroll that premium sites haveshow more

How I built with Claude 👇 1. Prompt: "Build... a storytelling website where each scroll section reveals a new chapter with fluid color transitions" 2. Use Three.js for the painted texture background that reacts to cursor 3. Prompt: "Add GSAP ScrollTrigger so each section animates in as a cinematic scene" 4. Use Lenis.js for that buttery smooth scroll that premium sites haveshow more

How I build with Claude Fable 5 1. Three.js... = rotate and explore any product in 3D in the browser 2. Color swatches = swap a material value to change the model live 3. CSS radial-gradient = premium spotlight glow zero images 4. GSAP ScrollTrigger = scroll turns one screen into a full story 5. Monospace fonts = signal precision and luxury instantly 6. AudioContext = ambient sound toggle in one call Save thisshow more

How I built an Anime.js-style site with Claude 👇... • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀show more

FABLE 5 + HIGGSFIELD CAN BUILD A $35,000 ANIMATED... WEBSITE. IN ONE AGENTIC SESSION. FOR ~$12 IN CREDITS. stop paying a web studio $6,000-$35,000. stop wiring GSAP, Lenis, and frame extraction by hand. Claude Code writes it. Higgsfield renders it. WHAT THE BUILD PRODUCES: → a fully animated, scroll-driven site → cinematic motion clips from 30+ generative models → GSAP ScrollTrigger timelines - zero hand-coded keyframes → Lenis smooth-scroll, tuned pacing → automated frame extraction + asset optimization → six cinematic effects baked in: film grain, particles, vignette, glass cards, color tints, scroll pacing → responsive layout + copy THE STACK: → Claude Code - concept, scaffolding, scroll code, QA → Higgsfield (MCP) - hero clips, transitions, ambient loops, thumbnails → GSAP + Lenis - the motion layer, written for you CONNECT HIGGSFIELD (MCP): add it as a custom connector in Claude Code: mcp_servers: higgsfield: url: " one OAuth flow. done. now Claude can generate and pull clips directly - no manual exporting. WHAT TO PROMPT: concept + scroll: "read this brief, script the scroll - what the visitor feels at second 3, 15, 40. scaffold the site with GSAP ScrollTrigger + Lenis." motion assets: "generate the hero sting and one b-roll clip per section from the story. 3–5s, high-res." polish pass: "bake in film grain, particles, vignette, glass cards, color tints, scroll pacing. no config." QA: "check load speed, mobile breakpoints, and whether the scroll actually lands. rewrite whatever doesn't." WHAT THIS REPLACES: → web studio build: $6,000-$35,000+ → motion artist: $800-2,000/project → front-end dev: $2,000-10,000/project → weeks of handoffs: gone Fable 5 + Higgsfield: a subscription + a few dollars of credits. one session. SETUP IN 10 MINUTES: - install Claude Code - add the Higgsfield MCP + authenticate - drop your brief + references - let it scaffold, generate, and animate in one pass - preview, send fixes in plain English, ship the pipeline was the moat. it just became a prompt. Follow me, comment "WEB" and I'll send you the full step-by-step Playbook. full breakdown in the article 👇show more

This is so cool! I had to try it... with Thrixel. Fully playable after 1 /goal prompt to Claude using Thrixel MCP. Then I had more fun ideas for follow-up prompts. Claude used Thrixel to create and iterate on the 3D assets, then assembled the scene and wired up the gameplay.show more

FABLE 5 + HIGGSFIELD TURN A $35,000 ANIMATED SITE... INTO A ONE-SESSION, $12 BUILD. HERE'S EXACTLY HOW. a studio runs this across four people and three weeks. you run it across one chat window and one afternoon. THE BUILD, STAGE BY STAGE: STAGE 1 - THE CONCEPT Claude reads your brief and scripts the scroll before a line of code exists - what the visitor feels at second 3, 15, 40. prompt: "read this brief. script the scroll beat by beat, then scaffold the project with GSAP ScrollTrigger + Lenis." STAGE 2 - THE VISUALS (Higgsfield) every hero shot, transition, and ambient loop comes out of 30+ generative models - matched to the story, not pulled from a stock library. prompt: "generate the hero sting and one b-roll clip per section. 3-5s, high-res, cinematic." STAGE 3 - THE MOTION (Claude Code) Claude writes the ScrollTrigger timelines and Lenis smooth-scroll, extracts frames, optimizes every asset. zero hand-coded keyframes. prompt: "wire the scroll: pin the hero, scrub the video, reveal each section on scroll. keep it 60fps on mobile." STAGE 4 - THE POLISH six cinematic effects baked in, no config: film grain, particles, vignette, glass cards, color tints, scroll pacing. prompt: "bake in the cinematic layer, then QA load speed, mobile breakpoints, and whether the scroll actually lands - rewrite what doesn't." CONNECT HIGGSFIELD (MCP): add it as a custom connector in Claude Code: mcp_servers: higgsfield: url: " one OAuth flow. Claude generates and pulls clips directly - no exporting by hand. THE MATH: → what a studio charges: $6,000-$35,000+ → what it costs you: a Claude sub + a few dollars of Higgsfield credits → what it takes: 4 people + 3 weeks → 1 operator + 1 session the pipeline was the moat. it just became four prompts. Follow me, comment "MATH" and I'll send you the full step-by-step Playbook. full breakdown in the article 👇show more

FABLE 5 + HIGGSFIELD JUST KILLED THE $35,000 WEB... STUDIO. WEEKS AND A TEAM OF FOUR → ONE SESSION, $12. stop paying a studio $6,000-$35,000. stop wiring GSAP, Lenis, and frame extraction by hand. Claude Code writes it. Higgsfield renders it. WHAT SHIPS OUT OF ONE SESSION: → a fully animated, scroll-driven site → cinematic motion clips from 30+ generative models → GSAP ScrollTrigger timelines - zero hand-coded keyframes → Lenis smooth-scroll, tuned pacing → automated frame extraction + asset optimization → six cinematic effects, no config: film grain, particles, vignette, glass cards, color tints, scroll pacing → responsive layout + copy THE STACK: → Claude Code - concept, scaffolding, scroll code, QA → Higgsfield (MCP) - hero clips, transitions, ambient loops, thumbnails → GSAP + Lenis - the motion layer, written for you CONNECT HIGGSFIELD (MCP): add it as a custom connector in Claude Code: - mcp_servers: - higgsfield: - url: " one OAuth flow. done. now Claude generates and pulls clips directly - no manual exporting. WHAT TO PROMPT: concept + scroll: "read this brief, script the scroll - what the visitor feels at second 3, 15, 40. scaffold with GSAP ScrollTrigger + Lenis." motion assets: "generate the hero sting and one b-roll clip per section. 3-5s, high-res." polish pass: "bake in film grain, particles, vignette, glass cards, color tints, scroll pacing. no config." QA: "check load speed, mobile breakpoints, and whether the scroll actually lands. rewrite whatever doesn't." WHAT THIS REPLACES: → web studio build: $6,000-$35,000+ → motion artist: $800-2,000/project → front-end dev: $2,000-10,000/project → weeks of handoffs: gone Fable 5 + Higgsfield: a subscription + a few dollars of credits. one session. SETUP IN 10 MINUTES: - install Claude Code - add the Higgsfield MCP + authenticate - drop your brief + references let it scaffold, generate, and animate in one pass preview, send fixes in plain English, ship the pipeline was the moat. it just became a prompt. Follow me, comment "PAGE" and I'll send you the full step-by-step Playbook. full breakdown in the article 👇show more

Here are a few simple prompt tricks you can... use to make videos like this in Grok Imagine: 1) Write like a movie director Use scene verbs: “starts with” “cuts to” “camera follows” “ends with.” 2) Control the camera Mention angles: “wide shot” “overhead” “close-up” “tracking” “handheld” “low-angle” 3) Guide the speed Add words like: “smooth flow” “natural rhythm” “fast transitions” “balanced motion” 4) Set lighting Use: “soft cinematic lighting” “dramatic contrast” “realistic shadows” Finish with keywords like: "ultra-realistic cinematic" "vintage film", etc.show more

Claude vs Gemini vs DeepSeek vs Grok PROMPT: Build... a production-ready 3D flight visualizer in one HTML file. Use Three.js to render a rotatable Earth and simulate real-time aircraft positions using smooth interpolation. Include polished lighting, a starfield background, and make it responsive for mobile and desktop. Which tool is the best?show more

From tying my laces to landing the perfect trick.... Created with Gpt Image 2 + Seedance 2.0 on WaveSpeedAI Prompt: Global Character Consistency Reference Character: A teenage boy (16–18 years old) with messy curly black hair, expressive blue eyes, a slim athletic build, wearing an oversized mustard-yellow T-shirt, navy shorts, white crew socks, and white sneakers. Maintain the exact same face, hairstyle, clothing, body proportions, colors, and ultra-realistic Pixar-inspired 3D style consistently across every scene. Scene 1 (0–2s) — Bedroom The teenage boy sits on the edge of his bed in a cozy bedroom during golden sunrise, tying his white sneakers. Warm sunlight streams through the window, posters decorate the walls, cinematic lighting, shallow depth of field, slow push-in camera, ultra-realistic Pixar-inspired 3D animation. Scene 2 (2–4s) — Final Preparation Close-up of the boy tightening his shoelaces with a determined expression. Soft golden morning light, realistic fabric textures, cinematic depth of field, smooth handheld camera movement, ultra-realistic Pixar-inspired 3D animation. Scene 3 (4–6s) — Leaving Home The boy walks out of his suburban home holding a skateboard. Warm golden-hour sunlight, long shadows across the sidewalk, peaceful neighborhood, cinematic low-angle tracking shot, ultra-realistic Pixar-inspired 3D animation. Scene 4 (6–8s) — Walking to the Skate Park The boy confidently walks down the street carrying his skateboard. Sunlight filters through the trees with subtle lens flares, smooth cinematic tracking shot, realistic environment, ultra-realistic Pixar-inspired 3D animation. Scene 5 (8–10s) — Skate Park Ride The teenage boy rides his skateboard through a colorful graffiti-covered skate park. Dynamic follow camera, energetic movement, bright cinematic lighting, realistic motion blur, ultra-realistic Pixar-inspired 3D animation. Scene 6 (10–12s) — Ollie Jump The boy performs a high skateboard ollie over a graffiti ramp. Dramatic low-angle shot, city skyline in the background, realistic physics, cinematic slow motion, ultra-realistic Pixar-inspired 3D animation. Scene 7 (12–14s) — Rooftop Sunset The boy stands on a rooftop overlooking the city skyline at sunset with his back facing the camera. Warm orange and purple sky, gentle wind moving his shirt, cinematic wide shot, emotional atmosphere, ultra-realistic Pixar-inspired 3D animation. Scene 8 (14–15s) — Emotional Close-up Extreme close-up of the boy's face. His glowing blue eyes reflect the sunset while a gentle breeze moves his curly hair. Warm golden light, shallow depth of field, emotional cinematic expression, ultra-realistic Pixar-inspired 3D animation, 8K. Style Ultra-realistic Pixar-inspired 3D animation, cinematic lighting, golden hour, volumetric sunlight, smooth camera movement, shallow depth of field, realistic textures, premium color grading, consistent character identity, 8K.show more

For the facial animations in my game, I use... a technique that yields results similar to L.A. Noire. To keep it simple: I first generate a facial animation video using AI like LTX 2. Then, I create a video depth map from that animation and project it onto a face mask. Using vertex displacement, the depth map dynamically deforms the face as the character speaks. The result looks good in standalone VR. I actually created this workflow long time ago:show more

Filmed this entire fashion boutique vlog using AI, and... honestly, the realism is on another level. From natural conversations and smooth handheld camera movement to cinematic outfit transitions, it genuinely feels like a real luxury fashion vlog. From elegant eastern wear and stylish western outfits to premium handbags, heels, and accessories every scene was created with AI while keeping the experience authentic and premium. Created with HeyOz using Seedance 2.0, and I'm seriously impressed by how realistic and cinematic the results look. AI is transforming fashion content creation, and this is only the beginning. Try it here 👇🏻show more

Claude Code + Nano Banana 2 is f*cking cracked... 🤯 I built a skill inside Claude Code that writes JSON image prompts for Nano Banana 2, and the outputs look like they came from a professional photo shoot. One plain-text prompt. Claude rewrites it as structured JSON with lighting, camera, composition, style, and negative prompts. Then fires it off to Nano Banana 2. All inside Claude Code. Perfect for DTC brands and agencies who need high-volume ad creative without booking a shoot. If you're using Nano Banana 2 for product shots and lifestyle images but every generation feels like pulling a slot machine lever — random lighting, inconsistent style, plastic skin, misspelled labels ... This skill fixes the entire output: → You describe what you want in plain English → Claude rewrites it as a structured JSON prompt (lighting, camera angle, lens, depth of field, color grading — all of it) → Fires it to Nano Banana 2 via API → Saves the prompt + image in organized folders → You iterate on the style until it's dialed, then every output matches No more slot machine prompting. No more inconsistent brand imagery. No more burning credits on unusable generations. What you get: - Photo-realistic product shots and lifestyle images on demand - Full control over style, lighting, composition, and camera settings - Saved JSON prompts you can reuse across every campaign - A skill that gets smarter the more feedback you give it Built 100% in Claude Code with a custom skill + Python scripts. I put together a full playbook showing the exact skill, the JSON schema, and the workflow to set this up yourself. Want the full playbook? > Like this post > Comment "BANANA" And I'll send it over (must be following so I can DM)show more

Claude Code + Nano Banana 2 is f*cking cracked... 🤯 I built a skill inside Claude Code that writes JSON image prompts for Nano Banana 2, and the outputs look like they came from a professional photo shoot. One plain-text prompt. Claude rewrites it as structured JSON with lighting, camera, composition, style, and negative prompts. Then fires it off to Nano Banana 2. All inside Claude Code. Perfect for DTC brands and agencies who need high-volume ad creative without booking a shoot. If you're using Nano Banana 2 for product shots and lifestyle images but every generation feels like pulling a slot machine lever — random lighting, inconsistent style, plastic skin, misspelled labels ... This skill fixes the entire output: → You describe what you want in plain English → Claude rewrites it as a structured JSON prompt (lighting, camera angle, lens, depth of field, color grading — all of it) → Fires it to Nano Banana 2 via API → Saves the prompt + image in organized folders → You iterate on the style until it's dialed, then every output matches No more slot machine prompting. No more inconsistent brand imagery. No more burning credits on unusable generations. What you get: - Photo-realistic product shots and lifestyle images on demand - Full control over style, lighting, composition, and camera settings - Saved JSON prompts you can reuse across every campaign - A skill that gets smarter the more feedback you give it Built 100% in Claude Code with a custom skill + Python scripts. I put together a full playbook showing the exact skill, the JSON schema, and the workflow to set this up yourself. Want the full playbook? > Like this post > Comment "BANANA" And I'll send it over (must be following so I can DM)show more

How I built with Claude 👇 Prompt: "Design an... agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render all products in real time in the browser Use Blender to model the packaging then export as GLTF to load in Three.js Use GSAP for the smooth product rotation and hover interactions Save this if you want a portfolio that makes clients feel they are buying something premium 🛒show more

THIS GUY JUST REBUILT A $35,000 ANIMATED SITE FOR... $12. IF YOU RUN A WEB STUDIO, YOU SHOULD PROBABLY KEEP SCROLLING. Every agency billing $100-149/hr is selling you five departments wearing one invoice. Here’s each one - collapsed into a single agentic session. LAYER 1 - THE CONCEPT ROOM (Claude) Reads the brief, pulls references, and scripts the scroll: what the visitor feels at second 3, second 15, second 40. → Used to be a strategist and a wall of mood boards. Now it’s a conversation. LAYER 2 - THE MOTION STUDIO (Higgsfield) Cinematic clips from 30+ generative models - hero shots, transitions, ambient loops - all matched to the story from Layer 1. → Used to be a motion artist on retainer. Now it’s a prompt. LAYER 3 - THE DEV TEAM (Claude Code) Scaffolds the site, writes the GSAP ScrollTrigger timelines and Lenis smooth-scroll, extracts frames, optimizes every asset. → A full scroll-driven build with zero hand-coded keyframes. LAYER 4 - THE DESIGN DEPT (baked-in cinematic layer) Six effects, zero config: film grain, particles, vignette, glass cards, color tints, scroll pacing. → The polish that justified the invoice - now it ships by default. LAYER 5 - THE QA PASS (Claude) Checks load speed, mobile breakpoints, and whether the scroll actually lands - then rewrites whatever doesn’t. → Used to be a client call and a revision cycle. Now it’s one more turn in the same session. Five departments. One operator. One pass. A strategist, a motion artist, a developer, a designer, and a QA lead - weeks of handoffs - now run in a single session. For a Claude subscription and a few dollars of Higgsfield credits. The studio was never selling talent. It was selling overhead. And the overhead just became five layers. Follow me, reply “website” to this post and I will send you the step-by-step Playbook 👇show more

A WEB STUDIO CHARGES $35,000 FOR AN ANIMATED SITE.... THE SAME BUILD NOW COSTS $12 - CLAUDE CODE WRITES, HIGGSFIELD RENDERS. Every agency billing $100-149/hr is just three departments. Here's each one, collapsed into a single agentic session. SYSTEM 1 - THE MOTION STUDIO (Higgsfield) Cinematic clips pulled from 30+ generative models - hero shots, transitions, ambient loops. → This used to be a motion artist on retainer. Now it's a prompt. SYSTEM 2 - THE DEV TEAM (Claude Code) Scaffolds the site, writes the GSAP ScrollTrigger timelines and Lenis smooth-scroll, extracts frames, optimizes every asset. → A full scroll-driven build with zero hand-coded keyframes. SYSTEM 3 - THE DESIGN DEPT (baked-in cinematic layer) Six effects with no config: film grain, particles, vignette, glass cards, color tints, scroll pacing. → The polish that justified the invoice - now it ships by default. Three departments. One operator. One pass. What used to take a designer, a motion artist, and a developer through weeks of handoffs now runs in a single session - for a Claude subscription and a few dollars of Higgsfield credits. The studio was never the talent. It was the overhead. And the overhead just became three systems. Reply "web-site" to this post and I will send you the step-by-step Playbook 👇show more

I found a Claude skill that plans my entire... AI ad before I even open Gemini Omni. I just send it: → the product → the ad style (LEGO, crochet, cartoon, Pixar, etc.) that’s it. a few seconds later it gives me: → a complete script → a scene-by-scene breakdown → Gemini Omni prompts ready to generate I don’t waste time figuring out what each scene should look like or rewriting prompts until they work. I just generate the ad. It’s the exact workflow I’ve been using to make AI ads for affiliate offers, and it’s cut my creation time by more than half. RT + comment “SKILL” and I’ll DM you the exact workflow I use to make these ads (Claude skill included). (must be following for DM)show more