Content
<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>
Connection Info
You Might Also Like
No recommendations available