No keyframes
Entrances, exits and staggers come from the theme's motion preset, timed to the frame. Change the preset and every item follows.
newThe agent skill ships with 8 video recipes
Every frame, already designed.
154 Remotion components and 14 templates you add with one command and edit like the rest of your code. One timeline renders at 16:9, 9:16 and 1:1, in any of 6 themes.
154components
3formats per timeline
6themes
0pixels different, render to render
00:20:16
What you stop doing by hand.
Keyframes, second exports and restyles eat the week before a launch. reelcn items already carry the timing, the layout rules and the theme, so the work left is your content.
No second export for Reels
Items size themselves in design units and respect platform safe zones. The same code renders at 16:9, 9:16 and 1:1.
No restyling per video
One theme prop sets colors, type, radius and motion across every item. Six themes, or your brand kit.
No render roulette
No clock, no unseeded randomness, no CSS animation. CI renders sampled frames twice and fails on a single changed pixel.
No black box
Source lands in src/reelcn/ and stays yours. MIT, no runtime package, nothing to log in to.
No timeline guesswork
Templates work out their own length from the content: reading time for text, typing time for code, the file length for audio.
00:42:00
Empty folder to first render.
Three commands. No components.json, no path aliases, no account.
Prefer an agent? Give it the reelcn skill and describe the video.
01:04:00
One timeline, three screens.
These three players run the same composition, untouched. Items read the canvas and reflow, so YouTube, Reels and a square post each come from one render command.
01:26:00
Change one line, restyle every frame.
Pick a theme below or let it cycle. Colors, fonts, corner radius and the motion preset all change together.
01:48:00
Pick your frames.
Hover a frame to watch it move. Every item has a page with a live player, props and install tabs.
02:10:00
Your agent already knows the catalog.
Every item carries use and avoid notes, and every page has a Markdown twin. Agents pick components the way you would.
Agent skillPicks a video type, writes the story, checks a contact sheet and determinism, then renders. Eight recipes built in.
/llms.txtThe whole catalog as plain text, with length, use and avoid for each item.
shadcn MCPSearch and install reelcn items from inside your editor.
page.mdAppend .md to any docs URL for clean Markdown an agent can read.
agent, ~/launch-video
› Make a 15 second launch video for Relay, vertical.
● reading skills/reelcn/archetypes/feature-short.md
vertical and one feature: feature-short at 9:16
● npx shadcn add feature-short
story: hook, device demo, 2 bullets, cta = 14.6 s
● node scripts/reelcn-contact-sheet.ts FeatureShort
9 frames reviewed, text inside safe zones
● node scripts/reelcn-check-determinism.ts
no determinism problems found
Rendered out/FeatureShort.mp4, 438 frames at 1080×1920.
