ByteZone
Back to listClaim this project

norahe0304-artDeveloper tools

30x Video

30x-video

Turns any brand's website into a 40-second agency-grade launch video using Claude Code, Remotion, and React.

  • Full stack
  • Automation
  • Content creation
  • CLI
  • macOS
  • Linux
  • Self-hostable
  • Runs locally
  • Needs API key
Open websiteView on GitHub
30x-video screenshot
Popularity
63 Stars
GitHub stars
Recent activity
7/9/2026
Maintenance status unclear
License
MIT
Permissive

Why it matters

We look beyond stars: what problem it solves, whether it creates real utility, and what makes its approach worth noticing.

Last 90 days

Problem

Automates the generation of branded launch videos from a single URL, addressing the high cost and long turnaround times of traditional video production.

Practical value

Operates as a Claude Code skill combining website harvesting, Remotion rendering, ElevenLabs voice synchronization, and design rules to produce complete 40-second films.

Innovation / differentiation

Introduces a taste codex featuring 16 specific design laws and blacklists to prevent common AI visual clichés and ensure distinct outputs.

Leverage potential

Relies heavily on Claude Code, Node.js, Playwright, and external API keys, requiring significant execution time and token consumption per run.

Why now

Emerges as AI agent toolchains mature, aligning with the growing interest in automating the conversion of web content into multimedia assets.

Community activity

In the last 90 days there were 0 new issues and 0 pull requests; the bounded issue/PR samples include 0 issue authors and 0 PR contributors, with 0 releases.

Maintainer responsiveness

There were not enough new issues or pull requests in the last 90 days to judge maintainer responsiveness.

0 contributors in PR sample0 releases

Key highlights

  • Generates a 40-second launch video from a single brand URL
  • Implements a taste codex of 16 design laws to prevent generic visual templates
  • Builds five-act narratives using Remotion and React

Quick start

How it is installed, how hard it is, and where to start.

Where it runs

Runs locally

Difficulty

Medium — some setup needed

Self-hostableRuns locally
  1. 01Ensure Node.js 20+ and a paid Claude Code plan are installed
  2. 02Run the one-shot command in your terminal to harvest a brand and build the video
  3. 03Alternatively, install the skill globally and talk to Claude Code to create a video

Best for

  • Teams that want data on their own servers
  • Developers who want to try it on their machine

More about it

30x-video is a Claude Code skill that turns any brand URL into a 40-second agency-grade launch video. It combines a deterministic orchestrator to harvest real brand assets with a 16-law taste codex, rendering a five-act narrative via Remotion and React.

The tool features frame-by-frame asset auditing, word-aligned voiceover synchronization, and distinct visual worlds to avoid generic AI video templates.

Sources

Each field shows its status and source — expand to review.

13 · Expand

  • capability tags

    Verified

    automation, content_creation

    Source: admin_cms · cms editor · 8/22/2026

  • editor note

    Verified

    {"en":"Runs as a Claude Code skill and requires significant generation time and token usage. Best suited for developers automating agency-grade launch videos.","zh":"该项目需要配合 Claude Code 运行，单次生成耗时较长并会消耗一定 Token。适合需要自动化生成机构级产品发布视频的开发者。"}

    Source: admin_cms · cms editor · 8/22/2026

  • how to use

    Verified

    {"steps":[{"en":"Ensure Node.js 20+ and a paid Claude Code plan are installed","zh":"确保系统已安装 Node.js 20+ 以及 Claude Code 付费订阅"},{"en":"Run the one-shot command in your terminal to harvest a brand and build the video","zh":"在终端中运行单次执行命令抓取品牌并生成视频"},{"en":"Alternatively, install the skill globally and talk to Claude Code to create a video","zh":"或者全局安装技能后直接在 Claude Code 中输入生成指令"}],"installAt":"local","difficulty":"medium"}

    Source: admin_cms · cms editor · 8/22/2026

  • intro

    Verified

    {"en":"30x-video is a Claude Code skill that turns any brand URL into a 40-second agency-grade launch video. It combines a deterministic orchestrator to harvest real brand assets with a 16-law taste codex, rendering a five-act narrative via Remotion and React.\n\nThe tool features frame-by-frame asset auditing, word-aligned voiceover synchronization, and distinct visual worlds to avoid generic AI video templates.","zh":"30x-video 是一个基于 Claude Code 的技能项目，能够将任意品牌网址直接转化为 40 秒的机构级发布视频。项目通过确定性 orchestrator 抓取真实品牌资产，随后由 Claude 依据 16 条硬性设计法则进行五幕叙事设计，最终结合 Remotion 与 React 渲染出片。\n\n项目包含自动资产审计、基于时间戳的语音同步切点，以及多样的视觉世界，避免了千篇一律的 AI 视频模板感。"}

    Source: admin_cms · cms editor · 8/22/2026

  • License

    Verified

    MIT

    Source: GitHub API · license.spdx_id=MIT · 8/26/2026

  • needs api key

    Verified

    Yes

    Source: admin_cms · cms editor · 8/22/2026

  • One-liner

    Verified

    {"en":"Turns any brand's website into a 40-second agency-grade launch video using Claude Code, Remotion, and React.","zh":"将任意品牌网址转换为 40 秒机构级产品发布视频，结合 Claude Code 技能与 Remotion 和 React 动态生成。"}

    Source: admin_cms · cms editor · 8/22/2026

  • Platforms

    Verified

    macos, linux

    Source: admin_cms · cms editor · 8/22/2026

  • Category hint

    Inferred from materials

    ai-apps

    Source: Project README · hint=ai-apps · 8/16/2026

  • product forms

    Verified

    cli

    Source: admin_cms · cms editor · 8/22/2026

  • role tags

    Verified

    fullstack

    Source: admin_cms · cms editor · 8/22/2026

  • supports local

    Verified

    Yes

    Source: admin_cms · cms editor · 8/22/2026

  • supports self host

    Verified

    Yes

    Source: admin_cms · cms editor · 8/22/2026

Related projects

Other verified projects matched by category, capabilities, and intended roles.

puppeteer

A JavaScript library that provides a high-level API to control Chrome or Firefox over DevTools Protocol or WebDriver BiDi.

Same Developer tools categoryBoth support Automation

astro

A web framework for content-driven sites that can integrate React, Vue, Svelte, and other UI components while keeping output lightweight.

Same Developer tools categoryBoth support Content creation

compose

Docker’s official CLI tool for defining and running multi-container applications from a Compose file.

Same Developer tools categoryBoth support Automation

WSL

Windows Subsystem for Linux allows you to run Linux command-line tools and applications directly on Windows without the overhead of a traditional virtual machine.

Same Developer tools categoryBoth support Automation

openai-agents-python

A Python framework by OpenAI for building multi-agent workflows, supporting text, voice, and sandbox-based agent applications.

Same Developer tools categoryBoth support Automation

openwiki

A CLI that uses agents to generate and continuously maintain Markdown wikis for codebases or personal knowledge, with a local graph visualizer.

Same Developer tools categoryBoth support Content creation