Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

5 steps to create amazing videos like the one below from HTML for free: Install HyperFrames in your favorite coding harness (e.g., Codex or Claude Code). Then... 1. Gather your assets Create a project folder and add screenshots, logos, website captures, reference clips, and a frame md to give... show more

Peter Yang

247,255 subscribers

24,954 Aufrufe • vor 1 Monat •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

"I've spent $30K on a launch video, now you can make one with code." Here's my new episode with Bin Liu and Jake Moran, where they shared their 5-step playbook for using HyperFrames to make professional launch videos in Codex and Claude Code: 1. Gather video assets and create a frame.md 2. Create a storyboard.md with the scenes 3. Pull animations from the HyperFrames repo 4. Generate and review static frames 5. Build the video with HyperFrames Studio You can also start simple by using the built-in /website-to-video skill to one shot a launch video from any URL. HyperFrames is 100% free and I love how it democratizes video creation for everyone. 📌 Watch now: Thanks to our sponsors: Wispr Flow: 4x faster than typing with your voice Riverside: All-in-one AI studio for podcasts and video

"I've spent $30K on a launch video, now you can make one with code." Here's my new episode with Bin Liu and Jake Moran, where they shared their 5-step playbook for using HyperFrames to make professional launch videos in Codex and Claude Code: 1. Gather video assets and create a frame.md 2. Create a storyboard.md with the scenes 3. Pull animations from the HyperFrames repo 4. Generate and review static frames 5. Build the video with HyperFrames Studio You can also start simple by using the built-in /website-to-video skill to one shot a launch video from any URL. HyperFrames is 100% free and I love how it democratizes video creation for everyone. 📌 Watch now: Thanks to our sponsors: Wispr Flow: 4x faster than typing with your voice Riverside: All-in-one AI studio for podcasts and video

Peter Yang

68,646 Aufrufe • vor 1 Monat

In Cowork, you give Claude access to a folder on your computer. Claude can then read, edit, or create files in that folder. Try it to create a spreadsheet from a pile of screenshots, or produce a first draft from scattered notes.

In Cowork, you give Claude access to a folder on your computer. Claude can then read, edit, or create files in that folder. Try it to create a spreadsheet from a pile of screenshots, or produce a first draft from scattered notes.

Claude

7,154,260 Aufrufe • vor 6 Monaten

Want to turn a website into a launch video for your brand? This tutorial shows you how We used ollama as example, but the workflow works for any company. Every frame is HTML, CSS, and GSAP, written like a webpage and rendered with HyperFrames Follow the workflow below ↓

HeyGen

36,600 Aufrufe • vor 1 Monat

Motion graphics used to take me an hour per scene (or more) Now I'm creating them in 3-5 minutes — without After Effects, without Premiere, without writing a single line of code. I'm a former LA filmmaker (still PGA). My entire video stack is now 3 tools: Claude Code + HyperFrames (from HeyGen) + Descript Here's how the workflow runs: 1. Drop my brand style guide into a folder (colors, fonts, components Claude reuses forever) 2. Paste a line from my Descript transcript into Claude Code: "Create a scene for this part of the video" 3. Claude Code reads my brand, generates the HyperFrames scene, renders it to MP4 4. Drag the MP4 into Descript, drop it on the matching line of the transcript 5. Done. 3-5 minutes per scene. The unlock is the brand style guide. Once Claude has your colors, fonts, and reusable components, every scene inherits your look automatically. Bonus — you can take a Claude Design export (.zip), hand it to Claude Code, and it'll convert the HTML into a HyperFrames video you can render and edit. I built a GitHub repo with all the skills pre-loaded. Non-developers can clone it, open Claude Code, and be rendering scenes in under 10 minutes. Full walkthrough (20 min video) below Repo (skills + brand template + music-from-transcript plugin): Bookmark this if you make videos. The brand-style-guide pattern alone will save you hours every week. If you're a creator or operator using AI for content — share this with someone who's still living in After Effects.

JJ Englert

103,435 Aufrufe • vor 3 Monaten

Create your personal website in 3 minutes using: - ChatGPT o3 for the content - Gamma to generate the site You don't need to write a single line of code to generate and put your website online. Just follow these simple steps below:

Create your personal website in 3 minutes using: - ChatGPT o3 for the content - Gamma to generate the site You don't need to write a single line of code to generate and put your website online. Just follow these simple steps below:

Paul Couvert

18,885 Aufrufe • vor 1 Jahr

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers

James Rochabrun

61,199 Aufrufe • vor 1 Monat

Step 1: Tell Claude Code to create a "design-system.md" from your current app/project Step 2: Tell it to install Remotion Step 3: Tell it to make motion graphics of interactions in your app using the design system it created (I did 16:9 for YouTube b-roll). 😎💥💪 You can also tell it to mock up popular apps (like Slack in the example below).

Step 1: Tell Claude Code to create a "design-system.md" from your current app/project Step 2: Tell it to install Remotion Step 3: Tell it to make motion graphics of interactions in your app using the design system it created (I did 16:9 for YouTube b-roll). 😎💥💪 You can also tell it to mock up popular apps (like Slack in the example below).

Jason Zook

238,974 Aufrufe • vor 4 Monaten

What if your Claude could be Monica? Or Darius? Or whoever you want them to be? Today, we’re introducing the Pika MCP. Which means you can give your Claude a face, name, and personality—plus the ability to create rich, multimodal content. Byeeee generic AI. Pikafy your Claude with instructions below 👇

What if your Claude could be Monica? Or Darius? Or whoever you want them to be? Today, we’re introducing the Pika MCP. Which means you can give your Claude a face, name, and personality—plus the ability to create rich, multimodal content. Byeeee generic AI. Pikafy your Claude with instructions below 👇

Pika

1,849,586 Aufrufe • vor 3 Monaten

Claude Code is turning vibe coding into a video game. In a few days will be the easiest way to use Claude Code to build professional mobile apps, and web apps. Use Claude Code in a safe sandbox. Create any interface or application. Create skills and commands. Add integrations and API's. And a lot more. For early access reply below. I'll DM you.

Claude Code is turning vibe coding into a video game. In a few days will be the easiest way to use Claude Code to build professional mobile apps, and web apps. Use Claude Code in a safe sandbox. Create any interface or application. Create skills and commands. Add integrations and API's. And a lot more. For early access reply below. I'll DM you.

Riley Brown

96,213 Aufrufe • vor 6 Monaten

OpenAI has just released GPT-5-Codex specifically for coding! Friendly reminder that they've a VS Code extension that you can use with your ChatGPT account at NO additional cost. Basically a strong alternative to Claude Code or Cursor. (Setup below)

OpenAI has just released GPT-5-Codex specifically for coding! Friendly reminder that they've a VS Code extension that you can use with your ChatGPT account at NO additional cost. Basically a strong alternative to Claude Code or Cursor. (Setup below)

Paul Couvert

261,956 Aufrufe • vor 10 Monaten

⚡With our beginner-friendly interface, you can create a job on EarnFi in just 5 simple steps. This job was created in under a minute and reached 80% completion within 10 minutes. Simple. Fast. Efficient. Watch the tutorial below, then head over to to create your job.

⚡With our beginner-friendly interface, you can create a job on EarnFi in just 5 simple steps. This job was created in under a minute and reached 80% completion within 10 minutes. Simple. Fast. Efficient. Watch the tutorial below, then head over to to create your job.

EarnFi

14,612 Aufrufe • vor 6 Monaten

🚨 Announcing Smart Model Router - Create Your Own Custom Router To Route To Your Favorite LLM - Route to GPT Sol, Muse Spark, Grok 4.5 and Fable - Optimize for cost or performance - Use Fable only for hard coding Once you create a router, you can use it on our Chat, Agent or in an API! Coming on Monday - Support for all CLI clients including Code, Claude Code and others

🚨 Announcing Smart Model Router - Create Your Own Custom Router To Route To Your Favorite LLM - Route to GPT Sol, Muse Spark, Grok 4.5 and Fable - Optimize for cost or performance - Use Fable only for hard coding Once you create a router, you can use it on our Chat, Agent or in an API! Coming on Monday - Support for all CLI clients including Code, Claude Code and others

Bindu Reddy

2,571,559 Aufrufe • vor 25 Tagen

Create a highlight video of your favorite vacation, activity, or event in just a few taps! Simply search for what you want to feature, and Google Photos will choose the best clips & photos in your gallery, add music and sync the video to the music to bring it all together.

Create a highlight video of your favorite vacation, activity, or event in just a few taps! Simply search for what you want to feature, and Google Photos will choose the best clips & photos in your gallery, add music and sync the video to the music to bring it all together.

Google Photos

160,828 Aufrufe • vor 2 Jahren

Share Claude Code sessions with this command 👇 Just shipped v1.26.1 of claude-code-templates because I kept needing to hand off work mid-session. Run: npx claude-code-templates@latest --chats - All your sessions grouped by chat - Download any conversation To share a session: - Share the file, and add it to your project - Then run: claude "read @ chat-file .md and continue" Or if you are in the same account click on "Resume" and you will see the command: claude --resume session_id Built this to keep context flowing across the team without losing momentum.

Share Claude Code sessions with this command 👇 Just shipped v1.26.1 of claude-code-templates because I kept needing to hand off work mid-session. Run: npx claude-code-templates@latest --chats - All your sessions grouped by chat - Download any conversation To share a session: - Share the file, and add it to your project - Then run: claude "read @ chat-file .md and continue" Or if you are in the same account click on "Resume" and you will see the command: claude --resume session_id Built this to keep context flowing across the team without losing momentum.

Daniel San

10,787 Aufrufe • vor 9 Monaten

Claude finally killed the need for OpenClaw They launched "Claude Channels" which allows you to control Claude Code from your Telegram / Discord I show you how to set it up in ~6 minutes in mainly 3 steps Step 1: Create bot with BotFather Step 2: Install the Claude plugin Step 3: Pair with a code Now I can code, research, manage files from my phone using Claude Code If you don't watch this tutorial now I highly suggest you bookmark for later!

Claude finally killed the need for OpenClaw They launched "Claude Channels" which allows you to control Claude Code from your Telegram / Discord I show you how to set it up in ~6 minutes in mainly 3 steps Step 1: Create bot with BotFather Step 2: Install the Claude plugin Step 3: Pair with a code Now I can code, research, manage files from my phone using Claude Code If you don't watch this tutorial now I highly suggest you bookmark for later!

Chris ☕️

70,187 Aufrufe • vor 4 Monaten

Claude Code can now make full videos from your terminal.. Not slideshows. Not text on screen.. Actual motion graphics with animations, transitions, custom photos, and background music. [ SHARED A TUTORIAL BELOW EDITED WITH THIS SETUP IN JUST 5mins ] ▫️Here's the setup: Claude Code + Remotion Remotion is a React based framework that renders video programmatically. You describe what you want in plain English, Claude writes the React components and Remotion renders it into a real MP4. What you can actually do with this: > Generate 9:16 vertical videos for TikTok / Reels / Shorts > Add animated text with viral hooks and safe zones > Pull live web screenshots directly into your scenes using Chrome MCP > Fact-check your content in real time with Perplexity MCP > Drop in your own photos and background music > Edit existing talking-head footage cut bloopers, add captions > Schedule posts to your socials straight from the terminal ▫️How to set it up (takes 5 minutes) : > Make sure you have Node.js installed ( node -v to check ) > Create a new Remotion project: npx create-video@latest Pick the Blank template, enable TailwindCSS, and install the Skills package when prompted. > Install dependencies: cd my-video npm install > Start the preview server: npm run dev > Open Claude Code in the same project folder: cd my-video claude That's it. You can now prompt videos in plain English. If you already have a Remotion project, just add the skill directly: npx skills add remotion-dev/skills This drops a SKILL.md into your project that gives Claude expert knowledge of Remotion.. animations, compositions, captions, assets, 3D content everything. Example prompt you can steal: "Create a 30-second 9:16 vertical video about the top 3 AI tools this week. Use animated text with a hook in the first 2 seconds. Add smooth transitions between scenes. Keep text in the safe zone for TikTok. Use a dark tech aesthetic with blue accent colors." Claude writes all the React code, renders a preview, you tweak with natural language, and export when ready. The crazy part is this whole pipeline is local, free (minus your Claude sub), and you never open a video editor. imo this kills CapCut for anyone making info-style content. You describe the video in English and get back a rendered MP4. try it now.

Claude Code can now make full videos from your terminal.. Not slideshows. Not text on screen.. Actual motion graphics with animations, transitions, custom photos, and background music. [ SHARED A TUTORIAL BELOW EDITED WITH THIS SETUP IN JUST 5mins ] ▫️Here's the setup: Claude Code + Remotion Remotion is a React based framework that renders video programmatically. You describe what you want in plain English, Claude writes the React components and Remotion renders it into a real MP4. What you can actually do with this: > Generate 9:16 vertical videos for TikTok / Reels / Shorts > Add animated text with viral hooks and safe zones > Pull live web screenshots directly into your scenes using Chrome MCP > Fact-check your content in real time with Perplexity MCP > Drop in your own photos and background music > Edit existing talking-head footage cut bloopers, add captions > Schedule posts to your socials straight from the terminal ▫️How to set it up (takes 5 minutes) : > Make sure you have Node.js installed ( node -v to check ) > Create a new Remotion project: npx create-video@latest Pick the Blank template, enable TailwindCSS, and install the Skills package when prompted. > Install dependencies: cd my-video npm install > Start the preview server: npm run dev > Open Claude Code in the same project folder: cd my-video claude That's it. You can now prompt videos in plain English. If you already have a Remotion project, just add the skill directly: npx skills add remotion-dev/skills This drops a SKILL.md into your project that gives Claude expert knowledge of Remotion.. animations, compositions, captions, assets, 3D content everything. Example prompt you can steal: "Create a 30-second 9:16 vertical video about the top 3 AI tools this week. Use animated text with a hook in the first 2 seconds. Add smooth transitions between scenes. Keep text in the safe zone for TikTok. Use a dark tech aesthetic with blue accent colors." Claude writes all the React code, renders a preview, you tweak with natural language, and export when ready. The crazy part is this whole pipeline is local, free (minus your Claude sub), and you never open a video editor. imo this kills CapCut for anyone making info-style content. You describe the video in English and get back a rendered MP4. try it now.

Axel Bitblaze 🪓

31,250 Aufrufe • vor 4 Monaten

With LPL Tournament Builder, create your own leagues on the LPL platform for FREE. Play with your friends or create a tournament for your community in 3 easy steps. You can even set your own entry fees and prizing! Try it FREE TODAY at

With LPL Tournament Builder, create your own leagues on the LPL platform for FREE. Play with your friends or create a tournament for your community in 3 easy steps. You can even set your own entry fees and prizing! Try it FREE TODAY at

LPL HQ

60,336 Aufrufe • vor 2 Jahren

🚨 Create Your Own Custom Coding Agent - Mix Fable 5, GPT 5.6 sol and Grok 4.5! Our newest feature allows you to mix and match your favorite LLMs and create your custom coding agent Create your favorite cocktail such as - Fable 5 for hard coding - 5.6 sol for backend - Opus 4.8 for frontend - Grok 4.5 for easy coding You can also only choose cheap LLMs for a cost optimized experience. Your use custom agent in API, chat or our agent platform

🚨 Create Your Own Custom Coding Agent - Mix Fable 5, GPT 5.6 sol and Grok 4.5! Our newest feature allows you to mix and match your favorite LLMs and create your custom coding agent Create your favorite cocktail such as - Fable 5 for hard coding - 5.6 sol for backend - Opus 4.8 for frontend - Grok 4.5 for easy coding You can also only choose cheap LLMs for a cost optimized experience. Your use custom agent in API, chat or our agent platform

Bindu Reddy

7,780,759 Aufrufe • vor 23 Tagen

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

Paras Chopra

215,307 Aufrufe • vor 2 Monaten

You can now clone any website just by writing a prompt. Simply add the Firecrawl MCP server to your favorite AI coding tool for improved web data extraction, and let Claude code it for you. Here’s how:

You can now clone any website just by writing a prompt. Simply add the Firecrawl MCP server to your favorite AI coding tool for improved web data extraction, and let Claude code it for you. Here’s how:

Alvaro Cintas

83,031 Aufrufe • vor 1 Jahr