How to start with Remocn

You need two things: an AI coding agent and an empty folder.

Get an agent. We recommend Claude Code — also works with ChatGPT, opencode and others.
Open the agent in an empty folder and paste:

Set up a new Remotion video project in this folder, then install the remocn agent skill: npx skills add Remocn/remocn --yes. When you're done, start the preview studio so I can watch the video while we work.

When a browser tab opens with an empty video player, you're ready. Pick a guide and make it yours.

This is the video we launched Remocn with. Eight beats, thirty-five seconds, built entirely from Remocn components. Below is everything you need to make the same video for your product.

The storyboard

The pain — two short lines land one after the other, naming the problem you solve.
The reveal — "Meet <Product>", uncovered by a swirl of color.
The tagline — your one-liner slides in.
The positioning — "Like X, for Y" assembles itself word by word.
The montage — six fast cuts: a feature name over a different animated background each time.
The value — three claims stack up, line by line.
The install — a terminal types out your install command or call to action.
The outro — your logo draws itself on, with one quiet closing line.

Your words

This is the whole creative work — nine blanks:

Product name
Two pain lines — six words or fewer each; they're on screen for about two seconds
Tagline — one line
Positioning — the "Like X, for Y" sentence
Six feature labels — one or two words each
Three value claims — short, concrete, no adjectives you can't prove
Install command or CTA — whatever you want typed on screen
Closing line — e.g. "Open source, all the way down"
Accent color — one hex value; optional, the default lime looks good

Have a logo? Drop the SVG into the project folder and mention the file name in the prompt. No logo — your agent will use the product name as a wordmark.

Struggling with the lines? Words on screen is the cheat sheet.

The prompt

I'm making a product launch video with remocn (remocn.dev).

Build a ~35-second, 1920×1080, 30fps launch video for <PRODUCT NAME> in this
Remotion project, using remocn components — install anything you need with
`npx shadcn add @remocn/<name>`:

1. Pain — two short lines, one after the other (scale-down-fade):
   "<PAIN LINE 1>" then "<PAIN LINE 2>".
2. Reveal — "Meet <PRODUCT NAME>", uncovered by a swirling shader transition
   (shader-swirl as a transition cover).
3. Tagline — "<TAGLINE>" (short-slide-right).
4. Positioning — "<LIKE X, FOR Y>", assembling word by word (kinetic-center-build).
5. Montage — six hard cuts, one per feature: a fullscreen shader background
   (color-panels, warp, mesh-gradient, voronoi, metaballs, god-rays), a dark
   scrim, and one label each: <SIX FEATURE LABELS>.
6. Value — three claims stacking line by line (line-by-line-slide):
   <THREE CLAIMS>.
7. Install — a short title beat, then a terminal line that types itself:
   `<INSTALL COMMAND OR CTA>`.
8. Outro — my logo (<LOGO FILE, or: use the product name as a wordmark>) over
   a blooming shader-smoke-ring, with a quiet closing line: "<CLOSING LINE>".

Style: warm dark background (#141318), off-white text, one accent color
<ACCENT COLOR>, Manrope. One quiet shader-simplex-noise field runs behind the
entire video with a radial scrim for readability. Transitions are shader
covers (swirl, dithering), not plain crossfades. Use my copy exactly as
written.