AgentCraftX

<p align="center"> <img src="https://raw.githubusercontent.com/himanshi-bedwal/AgentCraftX/main/frontend/public/banner.png" width="100%"/> </p> <div align="center"> <br> <h3>Design • Visualize • Simulate • Export AI Multi-Agent Systems</h3> <p> Transform any idea into a complete <b>production-ready AI architecture</b> with intelligent agents, interactive workflows, architecture explanations, starter project generation, and visual graphs. </p> <br> <img src="https://img.shields.io/badge/Google%20AI-Agent%20Builder%20Series-blue?style=for-the-badge&logo=google" /> <img src="https://img.shields.io/badge/Next.js-15-black?style=for-the-badge&logo=nextdotjs"/> <img src="https://img.shields.io/badge/Google-Gemini-4285F4?style=for-the-badge&logo=google"/> <img src="https://img.shields.io/badge/ReactFlow-Interactive-success?style=for-the-badge"/> <img src="https://img.shields.io/badge/TailwindCSS-38B2AC?style=for-the-badge&logo=tailwind-css"/> <img src="https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript"/> <img src="https://img.shields.io/badge/License-MIT-green?style=for-the-badge"/> <br><br> <a href="https://agent-craft-x.vercel.app/"> <img src="https://img.shields.io/badge/🌐%20Live%20Demo-Visit%20Now-0ea5e9?style=for-the-badge"/> </a> <a href="https://drive.google.com/file/d/1nJeJE35w9CHmgmwlTiMzVPTroOGvHs7f/view?usp=drivesdk"> <img src="https://img.shields.io/badge/🎥%20Demo-Watch-red?style=for-the-badge"/> </a> <a href="https://github.com/himanshi-bedwal/AgentCraftX"> <img src="https://img.shields.io/badge/GitHub-Repository-181717?style=for-the-badge&logo=github"/> </a> </div> --- # 🚀 AgentCraft X ### Build Production-Ready Multi-Agent AI Systems using Google Gemini AgentCraft X is an AI-powered platform that transforms a simple natural language prompt into a **complete production-ready Multi-Agent AI Architecture**. Instead of manually designing complex AI systems, users simply describe their idea. Within seconds, AgentCraft X automatically generates: - 🤖 AI Agents - 🔄 Agent Workflow - 🕸 Interactive Architecture Graph - 📊 Project Dashboard - 📦 Starter Project Structure - 📄 JSON Blueprint - 📑 PDF Report - 🧠 Architecture Explanation Everything is powered by **Google Gemini**. --- # 🌟 Why AgentCraft X? Building production-ready AI systems is difficult. Developers spend hours designing: - AI Agents - Communication Flow - APIs - Tech Stack - Folder Structure - Deployment Strategy AgentCraft X automates this entire workflow. Describe your AI idea. Click **Build AI**. Receive a complete production-ready architecture in seconds. --- # ✨ Key Features ## 🤖 Intelligent AI Agent Generation Automatically creates specialized AI agents with: - Role - Goal - Tools - Status - Color Coding --- ## 🔄 AI Workflow Timeline Visualizes the complete communication flow between AI agents. Coordinator ⬇ Research Agent ⬇ Planning Agent ⬇ Execution Agent ⬇ Analytics Agent --- ## 🕸 Interactive Agent Graph Beautiful React Flow visualization with: - Animated Connections - Zoom - MiniMap - Controls - Dynamic Agent Cards --- ## 📦 Starter Project Generator Automatically generates - Folder Structure - Backend - Frontend - AI Agents - Database - README --- ## 📑 AI Architecture Explanation Google Gemini explains: - Architecture - AI Collaboration - Technologies - Scalability - Best Practices --- ## 📊 Project Dashboard Displays: - AI Confidence Score - Complexity - Estimated Duration - Project Statistics --- ## 📄 Export Options Download complete blueprint as - JSON - PDF Perfect for documentation and sharing. --- # 🤖 AI Agents | AI Agent | Responsibility | |----------|----------------| | 🎯 Coordinator Agent | Controls the complete multi-agent workflow and orchestrates all AI agents. | | 🚨 Incident Detection Agent | Detects emergencies from reports, sensors, and real-time data. | | 🏚 Damage Assessment Agent | Evaluates disaster severity and estimates affected regions. | | 🚑 Medical Assistance Agent | Coordinates hospitals, ambulances, and emergency medical support. | | 🚒 Resource Allocation Agent | Allocates rescue teams, equipment, food, and logistics efficiently. | | 📢 Communication & Notification Agent | Sends real-time alerts and emergency notifications to citizens and authorities. | | 🌦 Weather Monitoring Agent | Continuously monitors weather forecasts and predicts disaster risks. | | 📊 Analytics & Reporting Agent | Generates dashboards, insights, and situation reports for decision-makers. | --- # 🏗 Multi-Agent Architecture ```text User Prompt │ ▼ Google Gemini AI Engine │ ┌─────────────────┼─────────────────┐ ▼ ▼ ▼ AI Blueprint Workflow Engine Tech Stack │ │ │ └────────────┬────┴─────────────────┘ ▼ Multi-Agent System │ ┌──────────────┬───────────────┬───────────────┐ ▼ ▼ ▼ ▼ Incident Resource Medical Weather Detection Allocation Assistance Monitoring │ │ │ │ └──────────────┴──────┬────────┴───────────────┘ ▼ Coordinator Agent │ ▼ Analytics & Reporting │ ▼ JSON • PDF • Starter Project ``` --- # 🔄 End-to-End Workflow ```text User enters AI Idea │ ▼ Google Gemini analyzes the request │ ▼ AI Blueprint Generated │ ▼ Specialized AI Agents Created │ ▼ Workflow Timeline Generated │ ▼ Interactive Agent Graph Built │ ▼ Architecture Explained │ ▼ Starter Project Generated │ ▼ Blueprint Exported (JSON / PDF) ``` --- # ⚙ Technology Stack | Category | Technologies | |----------|--------------| | Frontend | Next.js, React, TypeScript | | Styling | Tailwind CSS | | AI Model | Google Gemini | | Visualization | React Flow | | Animation | Framer Motion | | PDF Export | jsPDF | | API | Next.js API Routes | | Deployment | Vercel | | Version Control | Git & GitHub | --- # ☁ Recommended Google Cloud Services - ✅ Google Gemini API - ✅ Vertex AI - ✅ Firebase Authentication - ✅ Firebase Firestore - ✅ Cloud Storage - ✅ Google Maps Platform - ✅ Cloud Run - ✅ Cloud Functions - ✅ Cloud Monitoring - ✅ BigQuery (Analytics) --- # 📂 Project Structure ```text AgentCraftX │ ├── frontend │ ├── src │ │ ├── app │ │ │ ├── api │ │ │ │ ├── generate │ │ │ │ ├── starter │ │ │ │ ├── explain │ │ │ │ └── judge │ │ │ │ │ │ │ └── page.tsx │ │ │ │ │ ├── components │ │ │ ├── AgentGraph │ │ │ ├── WorkflowTimeline │ │ │ ├── StatsDashboard │ │ │ ├── ScoreDashboard │ │ │ └── ProjectSummary │ │ │ │ │ └── lib │ │ └── gemini.ts │ │ │ └── public │ ├── backend ├── assets ├── docs └── README.md ``` --- # 📸 Project Screenshots ## 🏠 Home Page  --- ## 🤖 Generated Blueprint  --- ## 📊 Project Summary & AI Confidence  --- ## 🔄 AI Workflow Timeline  --- ## 👥 AI Agent Team  --- ## 🕸 Agent Graph  --- ## ▶️ Agent Simulation  --- ## 📄 Architecture Explanation  --- ## 📦 Starter Project  --- # 💡 Example Prompt ```text Build an AI-powered Smart Disaster Response & Emergency Management Platform using multiple AI agents. The platform should intelligently detect disasters from emergency reports and real-time data, assess damage severity, prioritize incidents, allocate rescue resources, coordinate medical assistance, monitor weather conditions, send real-time alerts to citizens and authorities, and generate actionable situation reports for decision-makers. Create a collaborative multi-agent system with the following AI agents: • Coordinator Agent • Incident Detection Agent • Damage Assessment Agent • Resource Allocation Agent • Medical Assistance Agent • Communication & Notification Agent • Weather Monitoring Agent • Analytics & Reporting Agent Generate a complete production-ready AI solution including: - Multi-agent architecture - Responsibilities of each AI agent - End-to-end workflow - Agent communication graph - Recommended technology stack - Google Gemini, Vertex AI, Maps, Cloud Storage, Firebase, and other relevant Google services - Scalable folder structure - Starter project structure - Best practices for scalability, reliability, and real-time collaboration. ``` --- # 🚀 Run Locally ```bash git clone https://github.com/YOUR_USERNAME/AgentCraftX.git cd AgentCraftX/frontend npm install npm run dev ``` --- # 🔑 Environment Variables Create a `.env.local` file: ```env GEMINI_API_KEY=YOUR_GEMINI_API_KEY ``` --- # 📈 Future Roadmap - ✅ AI Agent Builder - ✅ Interactive Workflow - ✅ React Flow Visualization - ✅ JSON Export - ✅ PDF Export - ✅ Starter Project Generation - 🔄 Vertex AI Integration - 🔄 Firebase Authentication - 🔄 Multi-Model Support - 🔄 Docker Deployment - 🔄 Team Collaboration - 🔄 Real-Time Agent Communication - 🔄 Cloud Deployment Templates --- # 🏆 Highlights ✅ Google Gemini Powered ✅ Multi-Agent AI Architecture ✅ Interactive Workflow Graph ✅ Starter Project Generator ✅ Architecture Explanation ✅ JSON Export ✅ PDF Export ✅ Modern UI ✅ Production Ready # 🌍 Real World Applications 🚑 Healthcare 🌾 Agriculture 🚓 Smart Cities 🚁 Disaster Response 🏭 Manufacturing 🎓 Education 💰 Finance 🛒 E-commerce 📡 IoT Systems --- # 🌐 Live Demo 👉 **Try AgentCraft X** **Live Application** https://agent-craft-x.vercel.app/ --- **GitHub Repository** https://github.com/himanshi-bedwal/AgentCraftX --- # 🎥 Demo Video Watch the complete project walkthrough here. https://drive.google.com/file/d/1nJeJE35w9CHmgmwlTiMzVPTroOGvHs7f/view?usp=drivesdk --- # 👩‍💻 Developer ## Himanshi Bedwal B.Tech CSE Student • AI & Machine Learning Enthusiast Passionate about building AI-powered developer tools, multi-agent systems, and real-world intelligent applications. --- <div align="center"> Built with ❤️ using **Next.js**, **Google Gemini**, **React Flow**, **Tailwind CSS**, and **TypeScript**. 🚀 Designed for the **Google AI Agent Builder Series**. ⭐ Star this repository if you found it useful. </div>