Загрузка видео...

Не удалось загрузить видео

На главную

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👑

9,910 subscribers

99,303 просмотров • 5 месяцев назад •via X (Twitter)

Наука и технологииОбразование
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 6 месяцев назад

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

79,115 просмотров • 8 месяцев назад

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

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 просмотров • 7 месяцев назад

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👑

139,244 просмотров • 5 месяцев назад

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,279 просмотров • 4 месяцев назад

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,966 просмотров • 5 месяцев назад

We just released Claude Code channels, which allows you to control your Claude Code session through select MCPs, starting with Telegram and Discord. Use this to message Claude Code directly from your phone.
0:17

We just released Claude Code channels, which allows you to control your Claude Code session through select MCPs, starting with Telegram and Discord. Use this to message Claude Code directly from your phone.

Thariq

7,712,141 просмотров • 7 месяцев назад

Claude Coders: Try Claude Mods *NOW*. Just ask Claude Code to create a mod like in the example below. There's a huge opportunity to develop genuinely useful mods. Later today, I will release serious upgrades to my 'claude-mod-builder' skill.
0:11

Claude Coders: Try Claude Mods *NOW*. Just ask Claude Code to create a mod like in the example below. There's a huge opportunity to develop genuinely useful mods. Later today, I will release serious upgrades to my 'claude-mod-builder' skill.

Dan McAteer

24,058 просмотров • 1 месяц назад

Claude Code Weekly Roundup Last week we added support for Azure, let you use "&" in the CLI to send tasks to the background, added image upload to Claude Code Web, improved Claude Code's ability to look up its docs and we're continuing to make hooks and subagents more powerful.
0:12

Claude Code Weekly Roundup Last week we added support for Azure, let you use "&" in the CLI to send tasks to the background, added image upload to Claude Code Web, improved Claude Code's ability to look up its docs and we're continuing to make hooks and subagents more powerful.

Thariq

70,840 просмотров • 11 месяцев назад

We just added /btw to Claude Code! Use it to have side chain conversations while Claude is working.
0:13

We just added /btw to Claude Code! Use it to have side chain conversations while Claude is working.

Thariq

2,800,294 просмотров • 8 месяцев назад

If you struggle to describe scroll animations in Claude or Codex, these commonly used terms can help. Save this for later.
0:10

If you struggle to describe scroll animations in Claude or Codex, these commonly used terms can help. Save this for later.

Gabriel

379,500 просмотров • 1 месяц назад

Looking for a nice way to tell your Claude Code instances apart? Use /rename and /color.
0:18

Looking for a nice way to tell your Claude Code instances apart? Use /rename and /color.

Freek Van der Herten

32,266 просмотров • 7 месяцев назад

The fastest way to learn Claude Code isn't the docs. It's asking Claude. Just ask how do hooks work. Then ask it to write you a hook. Then ask it to turn your release checklist into a skill. It knows itself better than any tutorial.
0:18

The fastest way to learn Claude Code isn't the docs. It's asking Claude. Just ask how do hooks work. Then ask it to write you a hook. Then ask it to turn your release checklist into a skill. It knows itself better than any tutorial.

Ado

10,539 просмотров • 23 дней назад

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,542 просмотров • 9 месяцев назад

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👑

168,621 просмотров • 5 месяцев назад

Added 12 new transitions to 33 total You can copy as CSS or React code or use as a skill for Claude, Cursor or Codex or use with Refine tool npx skills add jakubantalik/transitions.dev
0:13

Added 12 new transitions to 33 total You can copy as CSS or React code or use as a skill for Claude, Cursor or Codex or use with Refine tool npx skills add jakubantalik/transitions.dev

Jakub Antalik

74,750 просмотров • 3 месяцев назад

Claude Code ships with a built-in skill for working with the Claude Platform. Useful for model migrations, using API features (e.g., prompt caching), or onboarding to newer APIs like Claude Managed Agents.
0:14

Claude Code ships with a built-in skill for working with the Claude Platform. Useful for model migrations, using API features (e.g., prompt caching), or onboarding to newer APIs like Claude Managed Agents.

ClaudeDevs

314,764 просмотров • 6 месяцев назад

Use Claude Code as your Video Editor Believe it or not, every video you see below was vibe coded by Claude Code. 🧵 here’s how you can do it too:
0:05

Use Claude Code as your Video Editor Believe it or not, every video you see below was vibe coded by Claude Code. 🧵 here’s how you can do it too:

Thariq

792,096 просмотров • 1 год назад

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

272,065 просмотров • 7 месяцев назад

that’s it. you only have to read this one article to: > learn claude skill foundations > learn claude skill architecture > learn claude skill testing > learn claude skill production which will let you create claude skills that: 1: automate your workflow’s 2: make you more productive 3: outperform your competitors welcome to the land of automation my claude cowork and claude code friends!
0:12

that’s it. you only have to read this one article to: > learn claude skill foundations > learn claude skill architecture > learn claude skill testing > learn claude skill production which will let you create claude skills that: 1: automate your workflow’s 2: make you more productive 3: outperform your competitors welcome to the land of automation my claude cowork and claude code friends!

hoeem

542,123 просмотров • 8 месяцев назад