ai-chatbot

Q: How do I install ai-chatbot?

Run npx skills add https://github.com/rebyteai-template/rebyte-skills --skill ai-chatbot in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/ai-chatbot/ (personal) or .claude/skills/ai-chatbot/ (project).

by rebyteai-templateFrontend & Design

Full-featured AI chatbot with Next.js 15, Auth.js, Drizzle ORM, and multi-model support.

Installs: 69
Last 24h: —
Trending rank: —
Security: Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/rebyteai-template/rebyte-skills --skill ai-chatbot

01
Install
Run the command in your project. The CLI asks which agents to install for.
02
Describe the task
Ask your agent for something this skill covers. It loads ai-chatbot automatically when relevant.
03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

AI Chatbot

A full-featured, hackable AI chatbot with authentication, file storage, and multi-model support.

Tech Stack

Framework: Next.js 15
React: React 19
AI: AI SDK, Vercel AI Gateway
Auth: Auth.js
ORM: Drizzle
Database: PostgreSQL (Neon, Supabase, or Railway)
Styling: Tailwind CSS, shadcn/ui
Package Manager: pnpm
Dev Port: 3000

Setup

1. Clone the Template

git clone --depth 1 https://github.com/Eng0AI/ai-chatbot-template.git .

If the directory is not empty:

git clone --depth 1 https://github.com/Eng0AI/ai-chatbot-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template

2. Remove Git History (Optional)

rm -rf .git
git init

3. Install Dependencies

pnpm install

4. Setup Environment Variables

cp .env.example .env

Required variables:

POSTGRES_URL - PostgreSQL connection string
AUTH_SECRET - Generate with openssl rand -base64 32
OPENAI_API_KEY or ANTHROPIC_API_KEY - LLM provider key

5. Run Database Migrations

pnpm db:migrate

Build

pnpm build

Or run build without migration (if already migrated):

next build

Deploy

Vercel (Recommended)

# Pull project settings
vercel pull --yes -t $VERCEL_TOKEN

# Push env vars (first time only)
while IFS='=' read -r key value; do
  [[ "$key" =~ ^#.*$ || -z "$key" || -z "$value" ]] && continue
  for env in production preview development; do
    printf '%s' "$value" | vercel env add "$key" $env -t $VERCEL_TOKEN
  done
done < .env

# Build and deploy
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN

Netlify

# Import env vars (first time only)
netlify env:import .env

# Deploy
netlify deploy --prod

Critical Notes

Database Required: Must have PostgreSQL database set up before building
Migration Required: Run pnpm db:migrate before first build
Auth Secret: Generate a secure random secret for AUTH_SECRET
Never run pnpm dev in VM environment

FAQ

What does the ai-chatbot skill do?

Full-featured AI chatbot with Next.js 15, Auth.js, Drizzle ORM, and multi-model support.

How do I install ai-chatbot?

Run npx skills add https://github.com/rebyteai-template/rebyte-skills --skill ai-chatbot in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/ai-chatbot/ (personal) or .claude/skills/ai-chatbot/ (project).

Which AI agents can use ai-chatbot?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is ai-chatbot safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains ai-chatbot?

It is published by rebyteai-template in rebyteai-template/rebyte-skills. It has 69 recorded installs.