Screenshot coming soon
← Back to portfolio

FrameChain — turning a URL into a finished video

Problem
Small companies want a motion hero for their landing page but can't justify a video production budget. Generic stock footage doesn't match their brand, and generative video tools produce disconnected clips with no narrative thread.
Approach
Designed a nine-stage pipeline that reads the company's own site and reasons its way to a shot list before generating anything: scrape → creative brief → story → refinement → locked chain plan → keyframes → motion → assembly → export. The first five stages are free and reversible, so you can iterate on the concept before spending a cent. Each generated frame carries visual continuity forward into the next, which is what keeps the clips reading as one film instead of six unrelated shots.
Decision
Put every AI provider behind one interface with a fixture implementation as the default. The whole flow runs offline, for free, with a complete worked example — so development and demos never touch a paid API. Naming a paid provider has to be explicit; an API key sitting in the environment isn't treated as permission to spend.
Outcome
Working end-to-end product. Cost is quoted before every paid step and runs that would exceed a configured cap are blocked outright — which matters when a single multi-stage job can chain a dozen billable generations.
Stack
  • Next.js 16
  • React 19
  • TypeScript
  • Prisma
  • Zod
  • Anthropic Claude
  • KIE
  • Tailwind