agent-builder-zenon

Agent Builder ZENON

🚀 Professional AI Agent Builder Dashboard

A modern, production-ready skeleton for building and managing AI agents with Next.js 14, TypeScript, and MCP (Model Context Protocol) integration.

✨ Features

🎛️ 3-Panel Dashboard System

• Agents Panel - Professional AI Agent Control Center
• Art Studio - Creative AI Studio & Art Production Hub
• Internet Gateways - Multi-Gateway Connection Hub

🤖 Agent Management

• Agent creation and configuration
• Start/stop agent functionality (ready for implementation)
• Agent monitoring and metrics
• Workflow builder for agent orchestration

🛒 Agent Marketplace

• Browse and install pre-built agents
• Category filtering and search
• Agent ratings and reviews system
• Free and premium agent support

🎨 Art Studio

• 9 creative categories (Film, Architecture, Digital Art, etc.)
• Project management for creative workflows
• Agent specialization for artistic tasks
• Inspiration hub with quotes and references

🌉 MCP Bridge API

• Model Context Protocol integration
• WebSocket and HTTP server support
• Real-time agent communication
• REST API wrapper for external integrations

🛠️ Tech Stack

• Framework: Next.js 14 with App Router
• Language: TypeScript
• Styling: Tailwind CSS + Radix UI
• Authentication: Built-in auth system
• API: REST endpoints ready for implementation
• Database: SQLite integration ready
• Real-time: WebSocket support for MCP

🚀 Quick Start

# Clone the repository
git clone https://github.com/Bonzokoles/agent-builder-zenon.git

# Install dependencies
npm install --legacy-peer-deps

# Start development server
npm run dev

# Open in browser
http://localhost:3005

🔐 Default Login

• Password: #Haos77#

🎯 Current Status

✅ Completed

• Clean UI skeleton with no fake data
• All navigation and routing working
• Empty states properly implemented
• Component structure complete
• API endpoint structure ready
• Authentication system functional

🔧 Ready for Implementation

• Real agent CRUD operations
• Database integration (SQLite prepared)
• MCP server connections
• Marketplace external API
• Agent start/stop functionality
• Real-time monitoring

🔄 Development Workflow

Modular Development Process:

1. JIMBO writes module scenario
2. Developer implements in CodeGPT
3. Test functionality locally
4. Commit to feature branch
5. Merge to main when stable

---

Built with ❤️ for the ZENON ecosystem