Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 2 Jahren •via X (Twitter)

ComedyWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

4 Kommentare

Profilbild von Rodrigo Pombo
Rodrigo Pombovor 2 Jahren

The examples, inspired by @delba_oliveira and @mattpocockuk :

Profilbild von Seb ⚛️ ThisWeekInReact.com
Seb ⚛️ ThisWeekInReact.comvor 2 Jahren

Need blog RSS feed :)

Profilbild von Rodrigo Pombo
Rodrigo Pombovor 2 Jahren

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

Profilbild von Magesh ⚡️
Magesh ⚡️vor 2 Jahren

Amazing

Ähnliche Videos

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 2 Monaten

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

Onboarding card – built and animated with Claude Code

Kevin

25,479 Aufrufe • vor 27 Tagen

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 26 Tagen

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 5 Monaten