Back to case library

FrameForge: comic-video production Agent workspace

This case focuses on productizing a SaaS-to-Agent migration: keeping the original project intact while turning existing video-generation source into Reallier-owned private comic-video production control plane with a real automated demo flow.

Not a local copy of the old SaaS, but a new product

Architecture and selection

SaaS-to-Agent, not a visual reskin

FrameForge decomposes the original video SaaS into script understanding, storyboard planning, asset memory, provider runtime, review gates, cost guardrails, and acceptance demos, with the harness owning state, tools, retries, and human checkpoints.

Problem solved

The old system depended on external APIs and unclear runtime boundaries

The issue was not a missing page. The legacy SaaS was tied to provider calls, had weak information architecture, limited auditability, and a demo flow that could look fake. FrameForge turns it into a private, reviewable production control plane.

Results achieved

A Reallier-owned comic-video production Agent workspace

The delivery includes the FrameForge brand, narrow icon rail, unified login, operations home, automated demo flow, provider key management, cost and review pages, and an independent test deployment boundary.

Turning video generation into a controlled production chain

FrameForge is not another chat box. It decomposes comic-video production into inspectable, replayable, retryable modules with human checkpoints.

Script Intake

Script intake

Starts Agent Runs from script text and stores run name, input text, and storyboard context.

Story Plan

Storyboard planning

Turns scripts into shots, characters, scenes, and props instead of a single generate button.

Asset Memory

Asset memory

Characters, scenes, props, and reusable media become searchable memory for episode continuity.

Provider Runtime

Model runtime

Image, video, TTS, and LLM calls are routed through Provider Runtime and Runtime Keys.

Review Gate

Review gates

Reviewer lanes handle character conflicts, scene continuity, budget requests, and human checkpoints.

Cost Guardrails

Cost guardrails

Run budget, provider credit, and episode guardrails organize cost control and approvals.

From project isolation to automated acceptance

01

Project isolation

The original script2video-ai runtime remains separate while the new product moves into frameforge with its own git baseline.

02

Naming and operations home

The product becomes FrameForge, and the first screen becomes a runtime console instead of a welcome page.

03

UI skin and information architecture

Login, icon rail, hover hints, subpage structure, and internal surfaces are unified.

04

Automated demo flow

Playwright drives a real UI journey across page transitions, project generation, assets, review, cost, and Runtime Keys.

05

Private deployment

The test stack uses independent containers, port, and database instead of reusing the original project gateway.

The stack is organized around private deployment, demos, and acceptance

ReactAgent console and production UI
NestJSAPI, permissions, and demo workflow entry
PlaywrightFull UI automation demo flow
PostgreSQLRun, project, budget, and state data
Provider GatewayModel and external-call boundary
Docker ComposePrivate test deployment

The home screen is the production control plane

帧铸 FrameForgePrivate Runtime
Agent OS

FrameForge console

Scripts, storyboards, asset review, and provider routing live in one auditable production surface.

Playwright automation9 / 9Full UI demo flow

The same method applies to other SaaS-to-Agent migrations

The key is not copying the old pages. Start by isolating the original project, then define the new product boundary, Agent workflow, Provider Runtime, demo journey, and private deployment acceptance criteria.

Discuss a migration