Content Bot

Generate AI-powered scripts and captions for social media videos. This tool produces text output ready for ElevenLabs (voiceover) and any video editor.

🚀 Setup Instructions

1. Get your API Keys

• Gemini AI: Go to Google AI Studio, create a project, and generate an API key.
• Serper: Go to Serper.dev, create an account, and get your free tier API key for trending search results.
• ElevenLabs:
  • Log in to ElevenLabs.
  • Go to your Profile/API settings to get your API Key.
  • Go to Voice Lab, create or select a voice, and copy the Voice ID.

2. Configure Environment Variables

Create a .env.local file in the root directory and add the following:

GEMINI_API_KEY=your_gemini_api_key_here
SERPER_API_KEY=your_serper_api_key_here
ELEVENLABS_API_KEY=your_elevenlabs_api_key_here
ELEVENLABS_VOICE_ID=your_elevenlabs_voice_id_here

3. Run the App

npm install
npm run dev

Open http://localhost:3000 in your browser.

🛠 How to Use

1. Configure your content:
   • Format Selector: Choose between Short, Long, or News style.
   • Topic Selector: Select your niche (e.g., AI, Crypto, Tech).
   • Tone Selector: Choose the vibe (e.g., Informative, Casual, Dramatic).
2. Generate: Click the generate button. The bot will:
   • Search for trending topics via Serper.
   • Use Gemini to generate a high-converting hook, a timestamped script, a social media caption, and relevant hashtags.
3. Review & Export:
   • Copy the script for your voiceover.
   • Use the generated caption and hashtags for your post.
   • (If available) Generate audio using the integrated ElevenLabs TTS.
4. History: Your last 20 generations are stored locally in your browser for easy access.

🏗 Architecture

• Framework: Next.js 16 (App Router, Turbopack, Tailwind v4)
• LLM: Gemini 2.5-flash-lite
• Search: Serper API
• TTS: ElevenLabs API