A beautifully designed, fully-integrated AI clipping studio. Built with Next.js, this platform serves as a complete SaaS boilerplate for downloading YouTube videos and automatically extracting viral highlights for TikTok, Reels, and Shorts.
https://github.com/user-attachments/assets/018738b8-af50-4a08-a7ac-1090b5b1f903
Experience the full glassmorphic, responsive interface here. Sign in with Google to explore the Video Studio, My Clips archive, and Credits dashboard directly from your browser.
AICLIPS Studio is a production-ready, highly-optimized AI web application. Out of the box, it seamlessly manages YouTube video extraction, asynchronous AI highlight detection, User Authentication, Credits & Billing, and Media Persistence using a sleek Next.js (App Router) architecture.
Why use AICLIPS Studio?

Deploying an instance of AICLIPS Studio requires minimal configuration. The architecture is engineered explicitly for Vercel serverless environments.
To successfully deploy and run, you must populate the following environment variables in your Vercel project settings:
| Service | Variable | Description & Source |
|---|---|---|
| Database | DATABASE_URL |
PostgreSQL connection string (Supabase or Neon) |
DIRECT_URL |
Direct DB connection for Prisma migrations | |
| NextAuth / Google | NEXTAUTH_SECRET |
Secure random string generated via openssl rand -base64 32 |
NEXTAUTH_URL |
Your production domain (e.g. https://my-app.vercel.app) |
|
GOOGLE_CLIENT_ID |
Get from Google Cloud Console | |
GOOGLE_CLIENT_SECRET |
Get from Google Cloud Console | |
| Stripe Billing | STRIPE_SECRET_KEY |
Get from Stripe Dashboard |
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY |
Get from Stripe Dashboard | |
STRIPE_WEBHOOK_SECRET |
Webhook secret for resolving credit purchases | |
| AI Generator | AICLIPS_API_KEY |
Your MuAPI Key for YouTube downloads and AI clipping services. |
WEBHOOK_URL |
The endpoint where MuAPI will send status updates (e.g., https://your-app.com/api/webhook/muapi) |
# 1. Clone the repository
git clone https://github.com/SamurAIGPT/ai-clipping-generator
cd aiclips-generator
# 2. Install dependencies
npm install
# 3. Setup Environment
cp .env.example .env
# Open .env and insert your specific keys.
# 4. Initialize Database Schema
npx prisma generate
npx prisma db push
# 5. Start the Development Server
npm run dev
The graphical console should now be heavily responsive on http://localhost:3000.
AICLIPS Studio: A modular, mobile-ready, production-grade AI clipping workspace built for content creators.
$ claude mcp add ai-clipping-generator \
-- python -m otcore.mcp_server <graph>