AgentForge

Visual AI agent builder with tool calling. Create agents, attach tools, and watch them execute in real-time. Built with Next.js 16, TypeScript, Prisma 7, and SQLite.

Features

• AI Agents — Create and configure agents with custom system prompts, models, and temperature
• Tool Calling — Attach tools (web search, calculator, code executor, weather, URL fetch, DB query, email, file reader) to agents
• Visual Chat — Chat interface with real-time tool call visualization showing inputs, outputs, and durations
• Run History — Track every agent execution with tokens, duration, and tool call details
• Tool Library — Browse, filter, and manage 8 built-in tools across 6 categories
• Agent Performance — Dashboard with charts showing tool usage and agent comparison

Tech Stack

• Framework: Next.js 16 (App Router)
• Language: TypeScript (strict)
• Database: SQLite + Prisma 7 ORM
• Styling: Tailwind CSS v4
• Components: shadcn/ui
• Charts: Recharts
• Icons: Lucide React
• Deployment: Netlify

Getting Started

# Clone
git clone https://github.com/Raja-Abbas/agentforge.git
cd agentforge

# Install
npm install

# Setup database
npx prisma db push
npx prisma generate

# Seed demo data
npx tsx prisma/seed.ts

# Run dev server
npm run dev -- --webpack

Open http://localhost:3000.

Pages

Route	Description
/	Landing page with features and pricing
/dashboard	Overview with charts and recent runs
/agents	Agent list with create/edit
/chat	Chat interface with tool call visualization
/tools	Tool library with categories
/runs	Run history with expandable details
/settings	General, API keys, models, about

Built-in Tools

Tool	Category	Description
web_search	Search	Search the web for real-time information
calculator	Utility	Perform mathematical calculations
code_executor	Code	Execute JavaScript code
weather	Data	Get weather forecasts
url_fetch	Network	Fetch content from URLs
db_query	Data	Query databases
email_sender	Communication	Send emails
file_reader	Utility	Read file contents

License

MIT