Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

New blog post: From Markdown to Video: animated code walkthroughs with Code Hike and Remotion

pomber's profile picture

Rodrigo Pombo

8,406 subscribers

15,490 görüntüleme • 2 yıl önce •via X (Twitter)

KomediBilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

4 Yorum

Rodrigo Pombo profil fotoğrafı
Rodrigo Pombo2 yıl önce

The examples, inspired by @delba_oliveira and @mattpocockuk :

Seb ⚛️ ThisWeekInReact.com profil fotoğrafı
Seb ⚛️ ThisWeekInReact.com2 yıl önce

Need blog RSS feed :)

Rodrigo Pombo profil fotoğrafı
Rodrigo Pombo2 yıl önce

Added one really quick let me know if it doesn't work

Magesh ⚡️ profil fotoğrafı
Magesh ⚡️2 yıl önce

Amazing

Benzer Videolar

After a year in the making, I'm excited to announce Code Hike 1.0! 🎉 Code Hike bridges the gap between Markdown and React to help you create technical content that takes advantage of the modern web v1.0 introduces two new features: - Fine-grained markdown - Headless codeblocks
1:38

After a year in the making, I'm excited to announce Code Hike 1.0! 🎉 Code Hike bridges the gap between Markdown and React to help you create technical content that takes advantage of the modern web v1.0 introduces two new features: - Fine-grained markdown - Headless codeblocks

Rodrigo Pombo

52,421 görüntüleme • 1 yıl önce

Built a markdown CMS inspired by Lee Robinson's post. - Convex backend for real-time updates - Netlify hosting with instant deploys - Clean markdown editing experience - Copy as markdown for pages and blog posts Demo + code: Repo: Fork and enjoy.
0:47

Built a markdown CMS inspired by Lee Robinson's post. - Convex backend for real-time updates - Netlify hosting with instant deploys - Clean markdown editing experience - Copy as markdown for pages and blog posts Demo + code: Repo: Fork and enjoy.

Wayne Sutton

222,282 görüntüleme • 6 ay önce

Using Remotion on Replit with Claude Code to ship new educational assets
0:29

Using Remotion on Replit with Claude Code to ship new educational assets

matt palmer

27,884 görüntüleme • 5 ay önce

If you want to make these animated code snippet videos. Runs is the browser, made with Shiki + Remotion + Mediabunny
0:45

If you want to make these animated code snippet videos. Runs is the browser, made with Shiki + Remotion + Mediabunny

Fayaz Ahmed

32,157 görüntüleme • 1 ay önce

Just built a custom Blogging Mode in VS Code using Copilot Chat ✍️ It fixes grammar, structures your post, and even suggests your next blog topic — all in Markdown. What will you use custom chat mode for?
0:55

Just built a custom Blogging Mode in VS Code using Copilot Chat ✍️ It fixes grammar, structures your post, and even suggests your next blog topic — all in Markdown. What will you use custom chat mode for?

Visual Studio Code

30,020 görüntüleme • 11 ay önce

3 ideas for videos you can prompt using Claude Code and Remotion!
9:21

3 ideas for videos you can prompt using Claude Code and Remotion!

Remotion

241,031 görüntüleme • 5 ay önce

I used Claude Code with the new Remotion skill to create a teaser for the latest Laravel release. The voice is from , and I didn’t code or edit anything myself. It took a few iterations to get here, but pretty impressive 😮
0:28

I used Claude Code with the new Remotion skill to create a teaser for the latest Laravel release. The voice is from , and I didn’t code or edit anything myself. It took a few iterations to get here, but pretty impressive 😮

Christoph Rumpel 🤠

26,562 görüntüleme • 5 ay önce

Claude Code for Video Animations? Building an app with an agent that can create and edit animated videos... In 4 prompts. This was my first test of remotion, i'm going to see how good i can get the Claude Agent SDK at making animated videos.
0:47

Claude Code for Video Animations? Building an app with an agent that can create and edit animated videos... In 4 prompts. This was my first test of remotion, i'm going to see how good i can get the Claude Agent SDK at making animated videos.

Riley Brown

95,109 görüntüleme • 5 ay önce

Just made this with Remotion Took only 20 hours with Claude Code
0:38

Just made this with Remotion Took only 20 hours with Claude Code

Tempo (YC S23)

18,909 görüntüleme • 5 ay önce

Claude code just made this whole video using remotion One shot wtf
0:34

Claude code just made this whole video using remotion One shot wtf

Jason Zhou

200,493 görüntüleme • 11 ay önce

We've just shipped a new Visual Studio Code release! 🚀 This week's highlights: 🤖 Share integrated browser tabs as context 📝 New Markdown preview experience …and much more!
0:29

We've just shipped a new Visual Studio Code release! 🚀 This week's highlights: 🤖 Share integrated browser tabs as context 📝 New Markdown preview experience …and much more!

Visual Studio Code

195,981 görüntüleme • 2 ay önce

Onboarding card – built and animated with Claude Code
0:21

Onboarding card – built and animated with Claude Code

Kevin

25,479 görüntüleme • 27 gün önce

Moved away from react-markdown to streamdown and although its not perfect, its so much better. Improved formatting and nice interactive code blocks with zero effort.
0:33

Moved away from react-markdown to streamdown and although its not perfect, its so much better. Improved formatting and nice interactive code blocks with zero effort.

Houssein Djirdeh

87,489 görüntüleme • 6 ay önce

My first blog post: Creating a PDF Dropper by Injecting Malicious JavaScript into a PDF with a Cobalt Strike Payload For the source code and PoC, check out my blog post:👇
0:47

My first blog post: Creating a PDF Dropper by Injecting Malicious JavaScript into a PDF with a Cobalt Strike Payload For the source code and PoC, check out my blog post:👇

0x6rss

76,989 görüntüleme • 1 yıl önce

Inspired by this tweet, I built my own locally running typing assistant with Ollama and Mistral 7B. It only took ~100 lines of Python code and works really well! I also created a video with step-by-step explanations: - Code: - Blog post: - Coding tutorial:
0:30

Inspired by this tweet, I built my own locally running typing assistant with Ollama and Mistral 7B. It only took ~100 lines of Python code and works really well! I also created a video with step-by-step explanations: - Code: - Blog post: - Coding tutorial:

Patrick Loeber

161,584 görüntüleme • 2 yıl önce

Check this!! An MCP server to control Jupyter notebooks from Claude! It lets you: - Create code cells - Execute code cells - Create markdown cells Completely free to use!
0:23

Check this!! An MCP server to control Jupyter notebooks from Claude! It lets you: - Create code cells - Execute code cells - Create markdown cells Completely free to use!

Avi Chawla

56,911 görüntüleme • 1 yıl önce

this is incredible remotion + claude code almost one-shotted this full promo video ~30 sec video with animations, transitions, product demos, brand colors, and background music :O
0:23

this is incredible remotion + claude code almost one-shotted this full promo video ~30 sec video with animations, transitions, product demos, brand colors, and background music :O

Sandra

307,425 görüntüleme • 5 ay önce

dDocs Markdown Split View👩‍💻 Write and collaborate with e2e encryption in raw markdown, see it rendered instantly w/.. >mermaidJS diagrams >github flavour >tables >code blocks >styling in-line HTML code 🍓One click to split, one to collab. Any files. All private. Sound on!
0:40

dDocs Markdown Split View👩‍💻 Write and collaborate with e2e encryption in raw markdown, see it rendered instantly w/.. >mermaidJS diagrams >github flavour >tables >code blocks >styling in-line HTML code 🍓One click to split, one to collab. Any files. All private. Sound on!

Fileverse

13,080 görüntüleme • 26 gün önce

Don’t know how to use Remotion with @Claudeai Code? We got you. This video is fully made with Video Agent. Avatar, script, motion graphics, and the final edits all with one prompt. Try Video Agent for free on HeyGen
1:18

Don’t know how to use Remotion with @Claudeai Code? We got you. This video is fully made with Video Agent. Avatar, script, motion graphics, and the final edits all with one prompt. Try Video Agent for free on HeyGen

Joshua Xu

171,813 görüntüleme • 5 ay önce

The HeyGen avatar skill is available for Claude Code now. I was playing around with Remotion + HeyGen to make a talking video. It works great! Here’s how you can do it: - Install the remotion skill - Install the heygen avatar skill: npx add-skill heygen-com/skills - Set up your HEYGEN_API_KEY (we offer free API credits if you have a HeyGen account) - Start prompting Check out the example video made with HeyGen + Remotion + Claude Code.
0:35

The HeyGen avatar skill is available for Claude Code now. I was playing around with Remotion + HeyGen to make a talking video. It works great! Here’s how you can do it: - Install the remotion skill - Install the heygen avatar skill: npx add-skill heygen-com/skills - Set up your HEYGEN_API_KEY (we offer free API credits if you have a HeyGen account) - Start prompting Check out the example video made with HeyGen + Remotion + Claude Code.

Joshua Xu

146,700 görüntüleme • 5 ay önce