JSPM

@devinilabs/reelstack

1.3.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 56
  • Score
    100M100P100Q93356F
  • License SEE LICENSE IN LICENSE

Premium 9:16 Reel OS for Remotion. 5 cinematic style families, 22 production-tested presets, audio-locked motion, IG-safe by default. v1.1+ bakes in leonxlnx/taste-skill design discipline + huashu-design productivity patterns.

Package Exports

  • @devinilabs/reelstack
  • @devinilabs/reelstack/families/dark
  • @devinilabs/reelstack/families/dark/components
  • @devinilabs/reelstack/families/dark/typography
  • @devinilabs/reelstack/families/forbidden
  • @devinilabs/reelstack/families/forbidden/components
  • @devinilabs/reelstack/families/forbidden/typography
  • @devinilabs/reelstack/families/glass
  • @devinilabs/reelstack/families/glass/components
  • @devinilabs/reelstack/families/glass/typography
  • @devinilabs/reelstack/families/paper
  • @devinilabs/reelstack/families/paper/components
  • @devinilabs/reelstack/families/paper/typography
  • @devinilabs/reelstack/families/warm
  • @devinilabs/reelstack/families/warm/components
  • @devinilabs/reelstack/families/warm/typography
  • @devinilabs/reelstack/render-presets.json
  • @devinilabs/reelstack/utils/cubic-bezier
  • @devinilabs/reelstack/utils/easing
  • @devinilabs/reelstack/utils/grid
  • @devinilabs/reelstack/utils/safe-zones

Readme

ReelStack

Premium 9:16 Reel OS for Remotion. 5 cinematic style families. 22 production-tested presets. Audio-locked motion. IG-safe by default.

ReelStack is the toolkit behind the Devini Labs reel aesthetic — packaged as a Claude Code skill plus a companion CLI. One slash command (/reelstack-glass, /reelstack-paper, /reelstack-dark, /reelstack-warm, /reelstack-forbidden) scaffolds a new 9:16 reel with the right palette, primitives, motion vocabulary, BEAT skeleton, and IG safe zones already wired up. From init to first preview render in under 10 minutes.

What you get

Family Vibe Presets
Glass Iridescent Light lavender-cream + iridescent particles. Caustic blobs, sonar rings, glass cards, floating glyphs. graphify · paperclip · gstack · lilagents · jcode · claudewatch · claudewatchcta
Cream Paper Warm editorial paper + dark-green cards + Claude terracotta. justdrop · opus · designreel · devini3d
Dark Cinematic Zinc void + drifting spotlights + Claude terracotta. Premium ad-film mood. stitch · stitch2 · codedrop · claudedispatch · notebooklm · gpt55 · resourcescta · skills
Warm Signature Single-accent rule. Amber signature + emerald payoff + bento grid. huashu · mempalace
Forbidden Cream-rose paper + ember + crimson + plasma. Desaturated, mysterious. heretic

Each preset carries the exact palette, BEAT structure, frame count, and motion vocabulary of a real Devini Labs reel that has shipped to YouTube and Instagram.

Why pay for it

  • House-style enforcement. reelstack lint flags motion-floor violations, IG safe-zone breaches, hero-text overflow, and missing audio locks. Most boring AI-generated reel templates can't do this.
  • Audio-locked everywhere. reelstack beats <vo.wav> runs whisper-cli and prints frame-accurate BEAT constants. No more eyeball-drift across 90-second clips.
  • GSAP vocabulary, ported. Power4Out, expoOut, backOut — translated into Remotion interpolate() so motion language stays consistent.
  • Real brand assets. reelstack icons <brand> pulls genuine SVGs from Iconify (logos:react, logos:next-js, etc.) instead of asking you to hand-draw.
  • Render presets. reelstack render <id> --platform=ig ships with the right H.264, bitrate, and color flags for IG / TikTok / Shorts.

Install

# Inside an existing Remotion project — or any folder; init can bootstrap one
npx @devinilabs/reelstack init

init runs a 4-tier readiness gate (v1.2+) so its success banner is provable. After it exits 0, every /reelstack-* command works — or it exits non-zero with a clear remediation.

Tier What it checks If missing
1 Node ≥ 20 exits with nvm / fnm / nodejs.org guidance
2 ffmpeg (required) + whisper-cpp (soft, only for /reelstack-beats) macOS+Homebrew: offers to brew install for you. Linux / Windows / macOS-without-brew: prints the exact command for your platform and exits so you can install + retry
3 Remotion project + @devinilabs/reelstack dep runs npx create-video@latest --yes --blank reelstack-project (override with --name=…, or skip with --no-bootstrap)
4 Smoke test — scaffolds Demo.tsx, runs npx remotion compositions, runs ffmpeg -version exits 1 with the failing step name. Skip with --skip-smoke.

The verified state is recorded at ~/.reelstack/state.json so subcommands like /reelstack-beats can fail-fast with helpful messages instead of generic "not found" errors.

Don't have a license yet? Try the free preview:

npx @devinilabs/reelstack preview

First reel in 5 minutes

You: /reelstack-glass
ReelStack: Which preset? (graphify | paperclip | gstack | lilagents | jcode)
You: graphify
ReelStack: Reel name?
You: MyLaunch
ReelStack: Voiceover file? (path/.wav, or skip)
You: ./public/launch-vo.wav

✓ Created src/MyLaunchReel.tsx
✓ Registered in src/Root.tsx (1080×1920, 30fps, 1956 frames)
✓ Whisper transcribed → 9 BEAT constants injected
✓ Geist fonts pre-wired
✓ IG safe zones inlined
→ Open Remotion Studio? (Y/n)

That's it. You're inside a real Devini Labs reel template, with your voiceover beats locked, your primitives imported, and Studio open at frame 0.

Slash commands

/reelstack-glass         Scaffold a Glass Iridescent reel
/reelstack-paper         Scaffold a Cream Paper reel
/reelstack-dark          Scaffold a Dark Cinematic reel
/reelstack-warm          Scaffold a Warm Signature reel
/reelstack-forbidden     Scaffold a Forbidden reel
/reelstack-init          Set up ReelStack in a fresh Remotion project
/reelstack-beats         Convert voiceover .wav → frame-accurate BEAT constants
/reelstack-capture       Pull product screenshots into the reel via reel-capture
/reelstack-icons         Pull real brand SVGs via better-icons (Iconify)
/reelstack-render        Render with platform presets (ig | tiktok | shorts)
/reelstack-lint          Validate motion floors, safe zones, audio lock, text fit

Requirements

Tool macOS Linux Windows
Node ≥ 20 nvm install 20 / nodejs.org same same
Remotion 4 auto-bootstrapped by init, or npm create video@latest same same
ffmpeg (required) brew install ffmpeg (init can run this) apt-get install ffmpeg · dnf install ffmpeg · pacman -S ffmpeg choco install ffmpeg · scoop install ffmpeg
whisper-cpp (only /reelstack-beats) brew install whisper-cpp (init can run this) build from source: github.com/ggerganov/whisper.cpp build from source, or scoop install whisper.cpp
Claude Code claude.com/claude-code same same

init's Tier 2 detects your platform and either offers an auto-install (macOS+Homebrew) or prints the exact command for your package manager — so you don't need to know the table above by heart. If you're on Linux/Windows, install + re-run init once.

Pricing

₹149 INR / $3 USD one-time on devini.io/reelstack — region-detected at checkout. See devini.io/reelstack for the live regional quote and the full docs at devini.io/reelstack/docs. Includes:

  • All 5 families, all 22 presets in v1.0.
  • All future v1.x preset additions for free.
  • Single end-user license. (Team/agency tier coming in v1.1.)

License

ReelStack is commercial software licensed under the terms in LICENSE. You may render unlimited content for yourself or clients with a valid license; you may not redistribute, repackage, or resell ReelStack itself.


Made by Devini Labs. Same hands that shipped GraphifyReel, HereticReel, JustDropReel, OpusReel, ClaudeWatchReel, NotebookLMReel, HuashuReel, and 15 more — now boxed into a skill.


Acknowledgments

ReelStack v1.1+ stands on the shoulders of two outside skills:

  • leonxlnx/taste-skill (MIT) — UI design-discipline rules. ReelStack bakes the master + per-family variant overlays directly into its components, palettes, and lint. Every scaffolded reel inherits the discipline by default.
  • alchaincyf/huashu-design (Personal Use Only — pattern inspiration only, no code/text copied) — productivity-UX patterns adapted to Remotion: Design Direction Advisor, 5-dim critique, multi-format render with BGM. The Warm Signature family's huashu preset is named for @AlchainHust's project.

Full citation map at docs/design-discipline.md.