30x-video
Convert any website into a branded promotional video with a single click.
Install & Use
Copy this prompt and send it to your AI assistant (Claude / Cursor / TRAE / Codex / WorkBuddy etc.) to auto-install:
Help me install this AI Skill: 30x-video. It is used for: Convert any website into a branded promotional video with a single click. Full Skill content: https://321skill.com/skills/30x-video/raw/index.md Read that page and install it.
The prompt includes a link to the full Skill content. You can also view the full content.
This Skill addresses the pain point of businesses needing to quickly produce branded promotional videos. Traditional video production requires a professional team, significant time, and high costs, which are often resources that small-to-medium enterprises or individuals lack, preventing them from efficiently showcasing their brand image.
The usage is simple. You only need one command: npx 30x-web-to-video https://your-brand.com --agent, or install it globally first (npx 30x-web-to-video --global), then directly tell the AI in Claude Code, "Create a 40-second promotional video for example.com." It automatically scrapes the website's brand assets (colors, fonts, logo, copy, etc.), generates a video following a 5-act narrative structure, and adds AI voiceover and background music—all without any manual intervention.
It is ideal for marketing specialists, content creators, entrepreneurs, and social media managers who need to produce branded promotional videos quickly. It's especially suitable for teams that already have a website but lack professional video production capabilities, allowing them to obtain near-agency-quality video output at an extremely low cost.
It is recommended to use it in a macOS/Linux environment and ensure Node 20+ and a Claude Code paid plan. Each run takes approximately 25 minutes and consumes a significant number of tokens. For the best voiceover quality, configuring an ElevenLabs API key is advised. Note that it generates videos automatically based entirely on the website content and currently does not support manual adjustment of video details. However, different versions can be obtained by running it multiple times or modifying the website content.
Key Features
Unlike AI video generation tools such as Runway ML or Pika, it directly scrapes real assets (logo, screenshots, copy, etc.) from the brand's website instead of generating imaginary visuals from text. It also incorporates 16 strict design rules (e.g., prohibiting zoom rings, heartbeat pulses) to ensure each video has a professional and unique style, avoiding generic templates.
Limitations
Only supports macOS/Linux systems, requires Node 20+ and a Claude Code paid plan. Each run takes approximately 25 minutes and consumes a significant number of tokens. An ElevenLabs API key is recommended for optimal voiceover quality.
FAQ
What are the prerequisites?
macOS/Linux system, Node 20+, a Claude Code paid plan, and an ElevenLabs API key (optional, for optimal voiceover quality).
How long does a single run take?
Approximately 25 minutes, including steps like scraping, designing, and rendering, and it consumes a significant number of tokens.
Installation guide for AI assistants
If your AI coding assistant (Claude Code, Cursor, TRAE etc.) can see this page, send it this message to auto-install:
Visit https://321skill.com/skills/30x-video/raw/index.md to read the original Skill definition (Markdown format) for 30x-video, and install it according to the instructions.
Raw Markdown URL for AI: /skills/30x-video/raw/index.md