clipsey.ai

Clipsey.ai

An AI video studio built around one recurring character: create it once from photos, then turn scripts into vertical 3D-animated videos for TikTok, Reels and Shorts.

clipsey.aiOpen Project
Project Overview

Clipsey is an AI video studio for creators, brands, media teams and agencies who want a recurring animated character without filming or editing. Users build the character once from photos, paste a script or upload it as a PDF, DOCX or TXT file, and Clipsey writes the shot prompts, checks them, and waits for their approval before rendering a short vertical 3D-animated video cleared for commercial use, ads included. Every stage has a gate: prompts, keyframe images and the final cut each wait on the user, characters live in a reusable library with a cast editor, and every MP4 leaves with an embedded AI-generated metadata tag. The site runs in English and Spanish, signs users in with email or Google through Supabase, sells credit-based plans and top-ups through Stripe, and screens every request with a moderation check before any credits are spent. The design is a night-blue page lit by an ultramarine-to-sky gradient sampled from the logo, with Geist headings, mono labels, and no serif anywhere. Behind the hero, a curved three.js wall of fourteen AI-animated clips turns toward the pointer on desktop and falls back to a CSS mosaic on phones. Below it, a feature bento alternates filled, outlined and text tiles so no two neighbors share an edge style, glass is rationed to desktop and four panes at a time, and every loop has a pause button and a reduced-motion path.

Tech Stack
Next.js 16 (App Router)React 19TypeScriptTailwind CSS v4Three.jsSupabaseStripeTrigger.devOpenRouter (Seedance, GPT Image, Claude)React EmailPlaywright
Key Features
  • Reusable characters built from photos, with a character library and cast editor
  • Scripts in by paste or PDF, DOCX and TXT upload, turned into checked shot prompts
  • Approval gates at the prompt, keyframe image, and final video stages
  • Generation pipeline on Trigger.dev with Node and ffmpeg, routed through OpenRouter models
  • Curved three.js wall of 14 AI clips that turns toward the pointer, lazy-loaded, with a CSS mosaic on phones
  • Credit-based plans and top-ups with Stripe Checkout and a customer portal
  • Supabase email and Google sign-in, with full Spanish routes under /es
  • Moderation before any spend, rate limits, reports and bans, and a staff admin behind an authenticator code
  • AI-generated XMP metadata embedded in every exported MP4
  • Organization, SoftwareApplication and FAQ structured data, generated Open Graph images, sitemap, and robots

© 2025 Werner's Works. All rights reserved.