AI MOTION GRAPHIC GENERATOR

This project is a cutting-edge SaaS AI Motion Graphic Generator that eliminates traditional video editing by compiling React code directly into high-quality animations via text prompts. The core breakthrough lies in its Hybrid AI Engine powered by Google Gemini, which operates using dedicated Remotion Skill and Hyperframes Skill knowledge bases (.md instruction files). Instead of guessing, the AI references these exact technical skill sets to translate user prompts into structurally flawless JSON layouts. It dictates scene sequences, text injection, and color themes by mapping user requests directly to pre-written, code-based motion components. On the frontend, this JSON data streams into the Remotion Player for zero-cost, instant client-side preview and real-time color editing. Upon export, an optimized pipeline triggers Inngest to break the project into short segments, renders them in parallel via AWS Lambda, and instantly stitches them using FFmpeg into a final MP4 file. The SaaS model employs a tiered monetization system—gating watermarks, resolution, priority queueing, and dedicated Lambda compute power across Free and Premium packages. Core Tech Stack Google Gemini API (with Remotion & Hyperframes Skills): The central AI orchestrator that utilizes specialized codebase documentation to generate precise component-controlling JSON. Remotion (SDK & Player): The programmatic video framework used to build code-based graphics libraries, power real-time previews, and drive serverless rendering. Next.js 15+ (App Router): The full-stack foundation managing the workspace layout, client-side interactions, and API routes. Inngest: The event-driven queue manager executing background jobs and handling multi-tenant priority execution based on subscription tiers. AWS Lambda & S3: The serverless processing infrastructure handling segmented rendering nodes and dynamic lifecycle asset storage. FFmpeg: The high-performance multimedia engine utilized for parallel video segment concatenation and optimal compression. Arcjet: The security layer providing native rate-limiting and bot protection to safeguard costly AI and rendering resources.