Skip to content

AI Marketing Studio

End-to-end, AI-powered marketing video production studio — with companion email and SVG generators. Last refreshed: 2026-06-05

AI Marketing Studio turns a short brief into a finished, on-brand marketing video. Describe what you're promoting — a product launch, a feature announcement, a hiring reel — and the Director agent plans a storyboard, writes the on-screen copy, narrates it, and assembles a fully editable video document that you can refine and export to MP4.

The platform pairs an autonomous AI director with a real non-linear editor and an explicit human-in-the-loop review flow, so nothing renders until a person has approved the storyboard and the content.

What's inside

Surface Purpose
Director Video Workflow Brief → clarify → storyboard → copy → assemble. The AI proposes; you approve at each gate before anything is committed.
Studio Editor & Timeline A live Remotion editor — inspector, timeline, and preview — bound to a single canonical ResolvedIR document.
AI-Assisted Editing Edit by conversation ("make it punchier", "try 9:16", "add a CTA scene") with undo/redo, plus per-scene inspectors.
Blueprints & Templates ~68 whole-video blueprints and 216 parameterized scene modules covering nearly every marketing video type.
Review & Export The human-in-the-loop gates, the QA review pass, and headless MP4 rendering in 16:9 / 9:16 / 1:1.
Email Generator (legacy) brief → copy → layout → HTML emails (MJML), sendable via Azure Communication Services.
SVG Generator (legacy) On-brand SVG banners/cards in banner, square, and portrait formats.

Technology stack

App / UI      Next.js 14 (App Router) + React 18 + TypeScript
Editor        Remotion 4.0 Player (live preview) + custom inspector/timeline
Rendering     Remotion 4.0 @remotion/renderer (headless Chromium, in-process renderMedia)
AI            Azure OpenAI (script analysis, copywriting, clarify questions, chat edits)
Voice         Azure TTS (coral, nova, shimmer, sage, echo, onyx)
Legacy API    Express + TypeScript (auth, email, svg, settings, brand) — @dexian/* workspace packages
State         Zustand (canonical IR store with undo/redo) + Zod (schema validation)
Storage       File-backed (documents, media, renders) on a shared volume / Azure mount
Auth          JWT (cookie) via the Express server; enforced by Next.js middleware
Deploy        Docker → Azure Container Registry → Azure App Service (Next.js + Express in one container)

Architecture at a glance

graph LR
    UI[Next.js UI<br/>Studio · Email · SVG<br/>:3000]
    DAPI[Director API<br/>/api/director/*]
    DIR[Director engine<br/>Analyst · Copywriter]
    IR[ResolvedIR<br/>canonical document]
    REND[Remotion renderer<br/>renderMedia → MP4]
    EXP[Express API<br/>auth · email · svg · settings<br/>:3001]
    AZ[Azure OpenAI<br/>Azure TTS]

    UI -->|HTTP| DAPI
    UI -->|proxied /api/auth·email·svg·settings| EXP
    DAPI --> DIR
    DIR --> AZ
    DIR --> IR
    IR --> REND
    IR --> UI
    REND -->|MP4| UI

The ResolvedIR (web/remotion/document/ir.ts) is the single canonical document. The same VideoDocument component interprets it for both the in-browser preview and the headless MP4 render — what you preview is what you render. See Architecture for the deeper picture.

Where to go next