正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Scroll animation build in claude code.

Himawan

1,460 subscribers

35,116 次观看 • 3 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

How i build with Claude + Higsfield 🐉 Step 1: generate all scenes in Higsfield as MP4 Step 2: paste URLs into Claude, say embed as scroll-triggered WebGL textures Step 3: Claude writes Three.js, Higsfield supplies the visuals Step 4: tell Claude trigger each video at 25% 50% 75% scroll Step 5: ask Claude to wrap hero video in autoplay muted loop Step 6: Higsfield does the art, Claude does the code Save this

How i build with Claude + Higsfield 🐉 Step 1: generate all scenes in Higsfield as MP4 Step 2: paste URLs into Claude, say embed as scroll-triggered WebGL textures Step 3: Claude writes Three.js, Higsfield supplies the visuals Step 4: tell Claude trigger each video at 25% 50% 75% scroll Step 5: ask Claude to wrap hero video in autoplay muted loop Step 6: Higsfield does the art, Claude does the code Save this

FHILY👑

83,597 次观看 • 3 个月前

Premium 3D Animated website ❤️‍🔥 Fable 5 + Claude Code → Build Prompt ↓

Premium 3D Animated website ❤️‍🔥 Fable 5 + Claude Code → Build Prompt ↓

Viktor Oddy

172,218 次观看 • 2 个月前

onboarding checklist component UI showcase animation. JS, built with Claude Code

onboarding checklist component UI showcase animation. JS, built with Claude Code

Juliette

16,628 次观看 • 7 个月前

1. Claude Code in Action Accelerate development workflows using Claude Code

1. Claude Code in Action Accelerate development workflows using Claude Code

Awa K. Penn

19,976 次观看 • 7 个月前

anthropic shipped all of these in two weeks: - claude code security - voice mode in claude code - free memory feature - memory import tool - claude marketplace - investment banking plug-in - wealth management plug-in - human resources plug-in - private equity plug-in - engineering plug-in - design plug-in - google calendar integration - gmail Integration i can’t prove it but they definitely use claude to build claude.

anthropic shipped all of these in two weeks: - claude code security - voice mode in claude code - free memory feature - memory import tool - claude marketplace - investment banking plug-in - wealth management plug-in - human resources plug-in - private equity plug-in - engineering plug-in - design plug-in - google calendar integration - gmail Integration i can’t prove it but they definitely use claude to build claude.

sui

65,169 次观看 • 6 个月前

Agentic Video Editing This is crazy! I just asked Claude Code to build me an entire agent-powered video editing app. ~10K lines of code. Uses Claude Agent SDK + Claude Opus 4.6. It's really good. Runs locally. Highly customizable. You can just build things.

Agentic Video Editing This is crazy! I just asked Claude Code to build me an entire agent-powered video editing app. ~10K lines of code. Uses Claude Agent SDK + Claude Opus 4.6. It's really good. Runs locally. Highly customizable. You can just build things.

elvis

11,249 次观看 • 7 个月前

Advent of Claude Day 31 - Claude Agent SDK I saved the best for last. The same agent loop, tools, and context management that power Claude Code is available as an SDK. Build agents that work like Claude Code in as little as 10 lines of code. This is just the beginning. 🎇🥂

Advent of Claude Day 31 - Claude Agent SDK I saved the best for last. The same agent loop, tools, and context management that power Claude Code is available as an SDK. Build agents that work like Claude Code in as little as 10 lines of code. This is just the beginning. 🎇🥂

Ado

100,117 次观看 • 9 个月前

Claude is now available in public preview in Microsoft Foundry. Microsoft Azure customers can now use Claude Sonnet 4.5, Haiku 4.5, and Opus 4.1 to build applications and enterprise agents, and to power Claude Code.

Claude is now available in public preview in Microsoft Foundry. Microsoft Azure customers can now use Claude Sonnet 4.5, Haiku 4.5, and Opus 4.1 to build applications and enterprise agents, and to power Claude Code.

Claude

146,267 次观看 • 10 个月前

From Claude Code to the web in seconds. No git push. No build step. 100% free. Just say: publish to

From Claude Code to the web in seconds. No git push. No build step. 100% free. Just say: publish to

adam ludwin

91,575 次观看 • 6 个月前

How i build with Claude👇 Three.js = 360 rotatable product zero plugin needed WebGL PointLight = UVC glow reacts to scroll position CSS scroll-snap = buttery infinite horizontal product scroll GSAP ScrollTrigger = product pins while copy scrolls alongside Lottie via lottie-web = After Effects animations play in browser Save this

How i build with Claude👇 Three.js = 360 rotatable product zero plugin needed WebGL PointLight = UVC glow reacts to scroll position CSS scroll-snap = buttery infinite horizontal product scroll GSAP ScrollTrigger = product pins while copy scrolls alongside Lottie via lottie-web = After Effects animations play in browser Save this

FHILY👑

168,621 次观看 • 4 个月前

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 👇

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 👇

ZEUS⚡️

569,213 次观看 • 2 个月前

Spent all of today in Claude Code again. Working on a redesign of Wireframe Design Studio This animation has taken me about 4 hours. LOL

Spent all of today in Claude Code again. Working on a redesign of Wireframe Design Studio This animation has taken me about 4 hours. LOL

James McDonald

20,725 次观看 • 8 个月前

claude code hack you can run bash commands directly in claude code just press "!" then type whatever bash you want to run handy if you don't want to leave the claude code tui

claude code hack you can run bash commands directly in claude code just press "!" then type whatever bash you want to run handy if you don't want to leave the claude code tui

Wes Winder

49,601 次观看 • 6 个月前

Today we're launching new ways to learn in Claude Code and the Claude app. First up: Claude Code now lets you customize communication styles with /output-style

Today we're launching new ways to learn in Claude Code and the Claude app. First up: Claude Code now lets you customize communication styles with /output-style

Claude

707,119 次观看 • 1 年前

teaching my 11 yr old how to build an iOS app with Claude Code gonna need more tokens 😅

teaching my 11 yr old how to build an iOS app with Claude Code gonna need more tokens 😅

MDS

15,764 次观看 • 6 个月前

Can finally play doom in Claude Code

Can finally play doom in Claude Code

Ben Davis

36,817 次观看 • 5 个月前

Introducing BrainRot Terminal Scroll brainrot reels/TikToks while Claude code does your work made with MiniMax (official) M2.1 Reply "send" to get access to this CLI.

Introducing BrainRot Terminal Scroll brainrot reels/TikToks while Claude code does your work made with MiniMax (official) M2.1 Reply "send" to get access to this CLI.

V

20,564 次观看 • 7 个月前

How I use Claude for 2D website animations 👇 1. Ask Claude to create CSS keyframes for floating or bounce effects 2. Use Claude to write fade-up animations on scroll 3. Ask Claude for parallax code for backgrounds 4. Generate hover effects like glow, scale, rotate buttons 5. Use Claude to animate text word by word 6. Paste the code, adjust timing, launch Save this tutorial 🚀

How I use Claude for 2D website animations 👇 1. Ask Claude to create CSS keyframes for floating or bounce effects 2. Use Claude to write fade-up animations on scroll 3. Ask Claude for parallax code for backgrounds 4. Generate hover effects like glow, scale, rotate buttons 5. Use Claude to animate text word by word 6. Paste the code, adjust timing, launch Save this tutorial 🚀

FHILY👑

98,375 次观看 • 4 个月前

DONE!!! go build apps w/ claude code opus 4.5 - visually - 0 API tokens - 0 confusing cursor - 0 bankruptcy on Replit

DONE!!! go build apps w/ claude code opus 4.5 - visually - 0 API tokens - 0 confusing cursor - 0 bankruptcy on Replit

Daniel Ch

95,607 次观看 • 9 个月前

a great way to get started is to use our skill, built into Claude Code. get the latest Claude Code release: $ claude update then start Claude Code and run our subcommand: $ claude /claude-api managed-agents-onboarding

a great way to get started is to use our skill, built into Claude Code. get the latest Claude Code release: $ claude update then start Claude Code and run our subcommand: $ claude /claude-api managed-agents-onboarding

Lance Martin

14,899 次观看 • 5 个月前