Agentic AI Platform

🚀 Description

Agentic AI Platform is a modern Agentic Control Center designed to orchestrate advanced AI workflows in a unified, premium interface. Built with a focus on aesthetics and performance, the application features a futuristic Glassmorphism UI with a deep dark mode, subtle gradients, and a fluid dashboard layout.

It serves as a central hub for interacting with various AI modalities—text, image, and voice—empowering users to leverage the full potential of Generative AI through a seamless user experience.

✨ Key Features

• 💬 Conversational Chat: A robust, real-time chat interface powered by the Vercel AI SDK, capable of maintaining context and delivering intelligent responses.
• 📝 Text Completion: Advanced text generation tools for drafting, coding assistance, and creative writing.
• 🎨 Image Generation: Transform text prompts into stunning, cinematic visuals using state-of-the-art diffusion models.
• 🎙️ Audio Intelligence: High-accuracy Speech-to-Text transcription to convert spoken audio recordings into text.
• 🗣️ Voice Synthesis: Lifelike Text-to-Speech capabilities to generate natural-sounding voiceovers.
• ⚡ Real-time Streaming: Experience ultra-low latency responses with AI streaming for instant feedback.
• 🛠️ Tool Integration: Demonstrates true agentic capabilities with integrated tools, such as a real-time Weather API widget.

🛠️ Tech Stack

This project is built using the latest modern web technologies:

• Framework: Next.js 16 (App Router)
• AI Engine: Vercel AI SDK (@ai-sdk/google, @ai-sdk/openai)
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: Lucide React
• Language: TypeScript

🏁 Getting Started

Follow these steps to set up the project locally:

1. Clone the repository:

   git clone https://github.com/EternalKnight002/nextjs-ai-app.git
   cd nextjs-ai-app

2. Install dependencies:

   npm install

3. Configure Environment Variables: Create a .env.local file in the root directory and add your API keys:

   GOOGLE_GENERATIVE_AI_API_KEY=your_api_key_here

4. Run the development server:

   npm run dev

5. Open the application: Visit http://localhost:3000 in your browser to see the dashboard.

📬 Connect

Feel free to reach out for collaborations or questions!

• GitHub: EternalKnight002
• Email: resoamankumar@gmail.com

---

Designed and developed by EternalKnight002