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

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

На главную

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 просмотров • 2 лет назад •via X (Twitter)

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

Anya Rossi• Live Now

Private livecam show

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

Фото профиля Rodrigo Pombo
Rodrigo Pombo2 лет назад

The examples, inspired by @delba_oliveira and @mattpocockuk :

Фото профиля Seb ⚛️ ThisWeekInReact.com
Seb ⚛️ ThisWeekInReact.com2 лет назад

Need blog RSS feed :)

Фото профиля Rodrigo Pombo
Rodrigo Pombo2 лет назад

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

Фото профиля Magesh ⚡️
Magesh ⚡️2 лет назад

Amazing

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

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

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

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

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

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

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

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

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

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

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

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

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

Onboarding card – built and animated with Claude Code

Kevin

25,479 просмотров • 27 дней назад

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

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

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

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

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

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

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

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