Files
soroush.asadi 8f34c3175f feat(remotion): +3 scene blocks (BarChart, Stomp, DeviceMockup) + catalog/toolchain docs
Unlocks the biggest catalog gaps by composition:
- BarChart: animated infographic bars (value + label, normalized, staggered grow).
- Stomp: punchy beat-synced typography — words slam in with overshoot + shake +
  accent impact bar (titles / fashion / openers).
- DeviceMockup: phone/browser frame holding the user's screenshot + title/caption
  (app / website promo); placeholder when no image.
Registry now has 12 blocks. All verified via FlexStory props-override stills.

docs: CATALOG_PLAN.md (the full template taxonomy + production map + build waves;
the Persian/Islamic occasions = the moat) and PREMIUM_TOOLCHAIN.md (the stop-motion/
paper-cut/premium tool plan; editable-backdrop architecture; Iran/OFAC reality).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-24 23:16:44 +03:30

6.1 KiB
Raw Permalink Blame History

FlatRender — Premium Template Toolchain (stop-motion · paper-cut · premium)

From the premium-video-toolchain research sweep (6 finders). Goal: raise template quality beyond hand-coded art, for a Persian-first paid SaaS that renders editable templates to MP4 server-side, on Remotion + After Effects engines.

The diagnosis

The quality cap isn't the engines — it's the AI hand-authoring the art in code at render time. Clean vector motion is what code does well; stop-motion / paper-cut live on texture, handmade imperfection, real shadows, layered materials — artist/asset driven. Fix = change where the artistry comes from, keep the editable layer in code.

The load-bearing constraint: Iran access is the dominant filter (not quality)

Every frontier AI tool is OFAC-blocked at signup AND payment — US (Runway, Sora, Veo, Luma, Pika, Kaiber) and Chinese (Kling, Seedance). The aggregators (fal.ai, Replicate) are US/Stripe-billed → same wall. There is no direct payable-from-Iran path to any hosted model. Two viable routes:

  • Self-host open weights → zero OFAC exposure (nothing paid to a US co. at render). The ONLY thing that can sit in the live, on-demand server render.
  • Acquire-once via a non-Iran intermediary → batch-generate clips → vendor the MP4 under the existing assets.json licence firewall (the output licence is perpetual; the service access is not). Exactly the asset/audio-library pattern.

The architecture (this is the whole answer)

An AI clip is never the template — it's moving wallpaper. Three layers:

L1  BACKDROP   baked AI clip / textured render / Lottie  (no editable text)
L2  EDITABLE   text · logo · colours · images  → Remotion inputProps / AE bind.jsx
L3  RENDER     composite → MP4 (Remotion OffthreadVideo or Three VideoTexture; AE footage layer)

Rules: bake backdrops at the comp's fps/aspect; keep them dark/low-contrast/abstract so editable type stays legible; colour lives in the overlay, not the AI footage. This is how premium + editability coexist — and it maps onto our two engines directly.

Style Approach Tools
Stop-motion Frame-step ("on twos" / posterizeTime / reduced fps) + per-frame jitter + paper/grain overlay. Pika's first/last-frame keying is "stop-motion-native". Remotion code (free) · Blender (grease pencil / sim) · Pika (acquire-once) · Wan 2.2 LoRA
Paper-cut Layered Z-planes + real cast shadows + depth in @remotion/three; CC0 paper normal/displacement maps; SVG feTurbulence for organic edges. @remotion/three (free) · ambientCG / Poly Haven (CC0) · Recraft (paper-cut image gen)
Premium motion A shared finish pass (film grain + DOF + bloom + LUT colour grade) + HDRI lighting + artist Lottie + custom illustration. @react-three/postprocessing (free) · Poly Haven HDRI · @remotion/lottie · FLUX+LoRA

The tool stack (priority order)

Free + Iran-safe (do first — biggest ROI, zero licensing/OFAC risk, in our engine):

  1. @remotion/lottie + @remotion/paths — artist-made Lottie animations + path morphing. (lottie still NOT installed — flagged repeatedly.)
  2. Craft primitives — a reusable kit: frame-stepping, jitter, paper-cut planes+shadows, grain.
  3. @react-three/postprocessing finish pass — grain/DOF/bloom/vignette + LUT. One shared component lifts everything.
  4. CC0 PBR textures + HDRI — ambientCG, Poly Haven (paper, cardboard, fabric, light leaks, lighting).

Self-host (Iran-safe, GPU needed — the live-render upgrade): 5. FLUX + LoRA (image) / SDXL — generate style-locked per-scene illustration; LoRA locks a paper-cut/clay/brand style. Permissive licences, runs offline. 6. Wan 2.2 (Alibaba, Apache-2.0, video, ~RTX 4090) — the only video model that can be in the live pipeline from Iran; I2V from your own style still; LoRA-trainable. 7. Blender (free) — grease pencil 2D, paper-cut rigs, stop-motion sims; render → backdrop.

Acquire-once via non-Iran intermediary (premium hero clips only, vendor the MP4): 8. Kling (best stylized I2V from a still) · Seedance 2.0 (best multi-ref consistency — up to 9 refs) · Pika (keyframe stop-motion). Paid plans grant commercial use; vendor outputs + ledger them. (Kling retains a backdoor licence to your generated content — fine for backdrops.)

Reference-only / blocked: Adobe Firefly, OpenAI/Sora (OFAC + payment); Envato/Storyblocks AE packs (redistribution/competing-service clauses + payment).

Consistency lever (critical for multi-scene)

Image-to-video + reference images, not text-to-video — animate your style-locked still so the model never reinvents the look. LoRA training locks a character/style across scenes. Seed every scene from the same reference.

Craft revival (stop-motion/paper-cut as luxury) · the baked-backdrop + editable-overlay pattern · I2V + reference for consistency · self-hosted open weights (sovereignty + Iran) · LoRA + seed style-lock · a centralized finish pass.

Phased plan

  • P0 — install @remotion/lottie + @remotion/paths. (free, immediate)
  • P1 — build the craft-primitives kit (frame-step, jitter, paper-cut planes, grain). (free)
  • P2 — a shared FinishPass (postprocessing + LUT). (free)
  • P3 — vendor CC0 PBR textures + HDRI (ambientCG / Poly Haven). (free, VPN fetch)
  • P4 — curate + vendor Lottie / asset packs behind the licence gate.
  • P5 — stand up FLUX + LoRA self-host for style-locked illustration. (GPU)
  • P6 — the backdrop architecture end-to-end (AI/asset clip → editable AE/Remotion overlay → render cache).
  • P7 — self-host Wan 2.2 (video) + Blender (stop-motion/paper-cut sims). (GPU)

Bottom line: P0P3 are free, Iran-safe, in our existing Remotion engine, and raise quality immediately. The AI tier (P5P7) is a self-hosted-weights play because of OFAC — Wan 2.2 + FLUX are the sovereignty path; hosted models are acquire-once-and-vendor.