Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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...

Oluwaphilemon1's profile picture

FHILY👑

8,002 subscribers

97,613 görüntüleme • 3 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 🚀
0:13

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 🚀

FHILY👑

363,145 görüntüleme • 3 ay önce

Claude Code Desktop has a built-in MCP for frontend preview It activates automatically when you ask Claude to spin up a dev server Save this thread 👇
0:15

Claude Code Desktop has a built-in MCP for frontend preview It activates automatically when you ask Claude to spin up a dev server Save this thread 👇

Daniel San

78,993 görüntüleme • 5 ay önce

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 🚀
0:13

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 🚀

FHILY👑

137,959 görüntüleme • 3 ay önce

They quoted him $6,000 for a website He opened Claude Code instead 4 minutes later it was live The gap between knowing how to use Claude Code and not knowing is worth thousands EngineerKit is what made this possible It's on full guide below
0:13

They quoted him $6,000 for a website He opened Claude Code instead 4 minutes later it was live The gap between knowing how to use Claude Code and not knowing is worth thousands EngineerKit is what made this possible It's on full guide below

Madni Aghadi

78,181 görüntüleme • 2 ay önce

made this with text to lottie and claude code my workflow: design something in figma or just make a rough draft. then ask claude to animate it you'd be surprised how easy it is to add easings, masks, transforms, text effects and all the motion details you can also ask claude to export it as a gif, mp4, png sequence, resize it in different aspect ratios claude and codex already creates something with taste and if you know what you want to create, this workflow is really useful and btw, it's free
0:19

made this with text to lottie and claude code my workflow: design something in figma or just make a rough draft. then ask claude to animate it you'd be surprised how easy it is to add easings, masks, transforms, text effects and all the motion details you can also ask claude to export it as a gif, mp4, png sequence, resize it in different aspect ratios claude and codex already creates something with taste and if you know what you want to create, this workflow is really useful and btw, it's free

Doruk

14,744 görüntüleme • 2 ay önce

Absolutely loving this setup: Claude Code + Ghostty + Lazygit + Worktree I’m writing 3 threads on X showing how you can use it: 1- Ghostty setup and SAND keybindings 2- Monitoring Claude Code changes with Lazygit 3- Parallel agents with Git worktrees + Claude Code I’ll publish one per week, using exactly the same setup and workflow I use. If you’re interested, feel free to follow along so you catch them
0:14

Absolutely loving this setup: Claude Code + Ghostty + Lazygit + Worktree I’m writing 3 threads on X showing how you can use it: 1- Ghostty setup and SAND keybindings 2- Monitoring Claude Code changes with Lazygit 3- Parallel agents with Git worktrees + Claude Code I’ll publish one per week, using exactly the same setup and workflow I use. If you’re interested, feel free to follow along so you catch them

Daniel San

162,350 görüntüleme • 6 ay önce

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
0:10

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👑

167,908 görüntüleme • 3 ay önce

Claude Code 2.1.90 just dropped with a new /powerup command Run it and you get interactive lessons that teach you how to use Claude Code right inside the tool. It's solid and has a lot of potential for learning directly in the terminal. Curious how the UI will look in VSCode and Claude Code Desktop. Going to keep digging into this new release!
0:18

Claude Code 2.1.90 just dropped with a new /powerup command Run it and you get interactive lessons that teach you how to use Claude Code right inside the tool. It's solid and has a lot of potential for learning directly in the terminal. Curious how the UI will look in VSCode and Claude Code Desktop. Going to keep digging into this new release!

Daniel San

271,496 görüntüleme • 5 ay önce

Claude Code pro tip: use Ctrl+W to delete full words instead of backspacing like a caveman hat tip to Ray Fernando for the tip on his stream
0:15

Claude Code pro tip: use Ctrl+W to delete full words instead of backspacing like a caveman hat tip to Ray Fernando for the tip on his stream

Ian Nuttall

69,846 görüntüleme • 1 yıl önce

Claude Code Scheduled Tasks is now available... here's a solid idea to connect it with Telegram Save this so you don't forget to set it up! First, ask Claude to add a simple Telegram messaging module to your repo. You can use the Telegram Bot Builder Skill from Link: Install command: npx claude-code-templates@latest --skill enterprise-communication/telegram-bot-builder Once the module is in your project, grab your bot credentials from BotFather and add the bot ID to your .env file That's it! ✅ Now every Scheduled Task you create should end with an instruction for Claude to send the task result to Telegram using that module. Claude will handle the delivery automatically on every task it runs
0:18

Claude Code Scheduled Tasks is now available... here's a solid idea to connect it with Telegram Save this so you don't forget to set it up! First, ask Claude to add a simple Telegram messaging module to your repo. You can use the Telegram Bot Builder Skill from Link: Install command: npx claude-code-templates@latest --skill enterprise-communication/telegram-bot-builder Once the module is in your project, grab your bot credentials from BotFather and add the bot ID to your .env file That's it! ✅ Now every Scheduled Task you create should end with an instruction for Claude to send the task result to Telegram using that module. Claude will handle the delivery automatically on every task it runs

Daniel San

91,123 görüntüleme • 5 ay önce

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 have
0:14

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 have

FHILY👑

326,884 görüntüleme • 3 ay önce

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 have
0:14

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 have

FHILY👑

347,225 görüntüleme • 2 ay önce

> use Claude Code for months > Claude makes wrong assumptions every session > overwrites code I didn't ask to touch > adds 500 lines when 50 would do > find the CLAUDE.md file on GitHub trending > 82,000 stars. one file. > paste it into my project > first task > wait. it asked before assuming? > only touched what I asked? > 50 lines instead of 500? > pause. read the 4 principles. > think about every broken diff I reviewed > every rewrite I didn't ask for > every session that ran with wrong assumptions > it didn't have to be like this > one file. everything changes. > skill issue discovered
0:14

> use Claude Code for months > Claude makes wrong assumptions every session > overwrites code I didn't ask to touch > adds 500 lines when 50 would do > find the CLAUDE.md file on GitHub trending > 82,000 stars. one file. > paste it into my project > first task > wait. it asked before assuming? > only touched what I asked? > 50 lines instead of 500? > pause. read the 4 principles. > think about every broken diff I reviewed > every rewrite I didn't ask for > every session that ran with wrong assumptions > it didn't have to be like this > one file. everything changes. > skill issue discovered

Kirill

2,499,982 görüntüleme • 4 ay önce

I still don't understand why everyone is not using this yet. Thanks to it, a year ago I increased my income to 17,000 dollars a month Andrey Karpathy, co-founder of OpenAI, published a simple idea that got 16 million views: stop using AI to write code, use it to build a second brain You point Claude Code to a folder, drop any source in there (an article, transcript, PDF) and Claude reads it, links it, and saves it into a living wiki of everything you know. It compounds like interest: the more you feed it, the smarter it gets Here is the gist: Install Obsidian, create a vault, open it in Claude Code Paste the file with Karpathy's wiki idea and tell Claude to build it Claude creates three folders: raw for sources, wiki for its pages, CLAUDE which runs everything Drop any source into raw and say "ingest this" Ask questions across everything, forever Five minutes to set up, and you never start with an empty chat again The full step-by-step guide is in the article. Save to bookmarks
0:10

I still don't understand why everyone is not using this yet. Thanks to it, a year ago I increased my income to 17,000 dollars a month Andrey Karpathy, co-founder of OpenAI, published a simple idea that got 16 million views: stop using AI to write code, use it to build a second brain You point Claude Code to a folder, drop any source in there (an article, transcript, PDF) and Claude reads it, links it, and saves it into a living wiki of everything you know. It compounds like interest: the more you feed it, the smarter it gets Here is the gist: Install Obsidian, create a vault, open it in Claude Code Paste the file with Karpathy's wiki idea and tell Claude to build it Claude creates three folders: raw for sources, wiki for its pages, CLAUDE which runs everything Drop any source into raw and say "ingest this" Ask questions across everything, forever Five minutes to set up, and you never start with an empty chat again The full step-by-step guide is in the article. Save to bookmarks

Bober_smart

2,801,659 görüntüleme • 9 gün önce

Claude Code made key sections of my launch video for me (quoted) In this specific chunk, I had Claude write out a fake terminal interaction using ANSI codes so I could time it out to the music and create the ANSI explosion effect! There are a couple other tricks here too 1/
0:14

Claude Code made key sections of my launch video for me (quoted) In this specific chunk, I had Claude write out a fake terminal interaction using ANSI codes so I could time it out to the music and create the ANSI explosion effect! There are a couple other tricks here too 1/

Aaron Francis

31,592 görüntüleme • 6 ay önce

just spent 4h researching EVERY claude code use case for ecom… found ways to automate: - inventory management - customer support - market research - content creation - financial analysis - email marketing - google ads then i put EVERYTHING i learned in a step-by-step guide like + comment “CLAUDE” and i’ll send it to you (must be following + RT for priority access)
0:19

just spent 4h researching EVERY claude code use case for ecom… found ways to automate: - inventory management - customer support - market research - content creation - financial analysis - email marketing - google ads then i put EVERYTHING i learned in a step-by-step guide like + comment “CLAUDE” and i’ll send it to you (must be following + RT for priority access)

Amin

35,133 görüntüleme • 4 ay önce

your AI agent can watch any video now - paste a URL and it sees every frame, hears every word, all for free 🤯 bradautomates/claude-video gives Claude the ability to watch YouTube, Loom, TikTok, local files - anything yt-dlp supports what people actually use it for: → analyze a competitor launch - what hook, what visuals, what structure → debug from a screen recording - Claude reads the exact frame where it breaks → summarize a 49-min talk in 30 seconds with frame-accurate timestamps → strip the hype from product videos - "what's actually new, skip the pitch" the mechanism: yt-dlp pulls free captions first (zero cost). ffmpeg extracts frames at scene-aware intervals - not uniform sampling, so you don't waste tokens on 12 identical frames of the same slide. Claude reads every frame as an image with timestamp markers. Groq Whisper only kicks in when a video has no caption track how to set up (3 min): > claude code: /plugin marketplace add bradautomates/claude-video then /plugin install watch@claude-video > or npx skills add bradautomates/claude-video -g for codex, cursor, gemini cli > dependencies auto-install on macOS via brew two caveats: free captions cover most but not all videos. past 10 min use --start/--end for focused sections or the token-burner mode for full coverage your buddy still watches every tutorial at 2x speed taking manual notes. you paste a URL and your agent extracts the substance in seconds for $0
0:19

your AI agent can watch any video now - paste a URL and it sees every frame, hears every word, all for free 🤯 bradautomates/claude-video gives Claude the ability to watch YouTube, Loom, TikTok, local files - anything yt-dlp supports what people actually use it for: → analyze a competitor launch - what hook, what visuals, what structure → debug from a screen recording - Claude reads the exact frame where it breaks → summarize a 49-min talk in 30 seconds with frame-accurate timestamps → strip the hype from product videos - "what's actually new, skip the pitch" the mechanism: yt-dlp pulls free captions first (zero cost). ffmpeg extracts frames at scene-aware intervals - not uniform sampling, so you don't waste tokens on 12 identical frames of the same slide. Claude reads every frame as an image with timestamp markers. Groq Whisper only kicks in when a video has no caption track how to set up (3 min): > claude code: /plugin marketplace add bradautomates/claude-video then /plugin install watch@claude-video > or npx skills add bradautomates/claude-video -g for codex, cursor, gemini cli > dependencies auto-install on macOS via brew two caveats: free captions cover most but not all videos. past 10 min use --start/--end for focused sections or the token-burner mode for full coverage your buddy still watches every tutorial at 2x speed taking manual notes. you paste a URL and your agent extracts the substance in seconds for $0

Alvaro Cintas

307,223 görüntüleme • 1 ay önce

Claude Fable 5 for $0 + $200+ free credits 😳 Seek AI is giving new users free credits to test premium AI models what you get: - $200+ free credits - Claude Fable 5 / Opus 5 - GPT 5.6 + more models - one API for multiple models - OpenAI compatible - no credit card getting started: 1. go to 2. create your account 3. create your API key 4. use base URL: 5. choose Claude Fable 5 6. start testing one account one API multiple models $200+ credits without paying upfront worth testing if you want to try premium AI models for free
0:13

Claude Fable 5 for $0 + $200+ free credits 😳 Seek AI is giving new users free credits to test premium AI models what you get: - $200+ free credits - Claude Fable 5 / Opus 5 - GPT 5.6 + more models - one API for multiple models - OpenAI compatible - no credit card getting started: 1. go to 2. create your account 3. create your API key 4. use base URL: 5. choose Claude Fable 5 6. start testing one account one API multiple models $200+ credits without paying upfront worth testing if you want to try premium AI models for free

K2S

40,626 görüntüleme • 4 gün önce

pro tip: you can ask claude code to use ascii art to prototype layouts for you 👀 here is me using it to find a good layout to display the caloric deficit/surplus to users had it prototype in ascii before actually building it
0:10

pro tip: you can ask claude code to use ascii art to prototype layouts for you 👀 here is me using it to find a good layout to display the caloric deficit/surplus to users had it prototype in ascii before actually building it

Chris Raroque

67,048 görüntüleme • 8 ay önce

Here is the tool I built yesterday in Claude code in maybe 10-20 minutes? It truly baffles me when people say “the AI bubble” this simple tool would’ve took devs 2-5 days and would have cost me 500$-1000$ Claude code made it for me on a 20$ monthly subscription, and a free Gemini api key. I actually want to preform an experiment asking developers how much they would charge for such a tool to get a consensus on how much money Claude Code has saved me.
0:14

Here is the tool I built yesterday in Claude code in maybe 10-20 minutes? It truly baffles me when people say “the AI bubble” this simple tool would’ve took devs 2-5 days and would have cost me 500$-1000$ Claude code made it for me on a 20$ monthly subscription, and a free Gemini api key. I actually want to preform an experiment asking developers how much they would charge for such a tool to get a consensus on how much money Claude Code has saved me.

Chris

170,273 görüntüleme • 7 ay önce