lovable AI agent with Gemini, Using lovable AI.

Lovable AI Agents

A platform to build custom AI agents with visual frontend builders and powerful backend integration. Generate both frontend interfaces and AI agent backends from simple text descriptions.

Features

🎨 Dynamic Frontend Generation - Automatically generate beautiful agent interfaces
🤖 AI Agent Generation - Automatically generate backend code using Vercel AI SDK
🛠️ Tool Integration - Built-in Composio integration for agent capabilities
⚡ Live Preview - Test your agents in real-time
📱 Responsive Design - Mobile and desktop optimized interfaces
💻 Code Export - Download generated frontend and backend code

Quick Start

1. Clone and Install

   git clone ComposioHQ/lovable-for-ai-agents
   cd lovable-for-ai-agents
   npm install
   

2. Environment Setup

   # Copy environment template
   cp .env.example .env
   
   # Add your API keys (server-side only; do not expose secrets to the browser)
   OPENAI_API_KEY=your_openai_key_here
   COMPOSIO_API_KEY=your_composio_key_here
   

3. Run Development Server

   npm run dev
   

4. Open Browser Navigate to http://localhost:3000

How It Works

1. Describe Your Agent

Write a description of the AI agent you want to build:

• "Create a customer support agent that handles refunds and tracks orders"
• "Build a data analysis agent that processes CSV files and generates reports"
• "Make a social media agent that schedules posts and analyzes engagement"

2. Generate Code

The platform uses AI to generate:

• Frontend: Complete HTML interface with required input fields
• Backend: Next.js API route with Vercel AI SDK and Composio integration

3. Customize Interface

The system automatically generates:

• Modify the generated frontend
• Add custom styling and components
• Adjust layout and responsiveness

4. Test Your Agent

• Enter your API keys (LLM + Composio)
• Input prompts to test agent fu