A Next.js chat application using assistant-ui and OpenAI with a fun pirate theme.
Live Demo: https://chat-assistant-ui-pirate.web.app
- 🏴☠️ Pirate-themed AI assistant (Captain Jack Sparrow style)
- 💬 Real-time streaming responses
- 📝 Markdown support with syntax highlighting
- 🗂️ Multi-thread conversation management
- ✏️ Edit and regenerate messages
- 📱 Responsive design
- Next.js 15 with App Router
- TypeScript
- assistant-ui v0.11+
- OpenAI API (Vercel AI SDK)
- Firebase Hosting + Cloud Functions
- Tailwind CSS v4
-
Install dependencies:
npm install
-
Add OpenAI API key to
.env.local:OPENAI_API_KEY=sk-your-key-here
-
Run development server:
npm run dev
See SETUP.md for complete setup instructions including Firebase deployment.
See CLAUDE.md for detailed architecture, components, and customization guide.
- Change AI model: Edit
app/api/chat/route.ts - Modify theme: Edit
components/assistant-ui/thread.tsx - Update styling: Edit
app/globals.css