Build your own ChatGPT with Claude Code
An AI chat assistant: chat UI with streaming replies, conversation history in a sidebar, rename, search and delete chats and more.
The Claude Code prompt
Build my own take on ChatGPT: an AI chat assistant. Give it an original name, logo, colours and copy, and do not use ChatGPT's name, branding or assets. Version one should have: - Chat UI with streaming replies - Conversation history in a sidebar - Rename, search and delete chats - Markdown and code blocks with copy buttons - System prompt presets The hard part: Streaming tokens smoothly and keeping long conversations under the context limit. Use the Claude API with streaming and trim or summarise old turns. How to build it: 1. Read this folder first. If it is empty, set up Next.js (App Router, TypeScript, Tailwind) with Postgres through Prisma or Supabase, and Supabase Auth or Auth.js for sign-in. Write a short PLAN.md with the data model, screens, third-party services and what you are leaving out of version one. 2. Build the core loop end to end before anything else: chat UI with streaming replies, working with real data saved to the database. 3. Add the rest of the features one at a time, and seed realistic demo data so every screen looks alive. 4. Keep API keys in environment variables, and put any paid service behind a small interface with a local stub, so the app runs on a fresh machine without accounts. 5. Run it, click through every screen on desktop and mobile widths, fix what breaks, and finish with a summary of what works, what is stubbed and how to deploy it.
Paste it into Claude Code in an empty folder. It plans first, so read PLAN.md and steer before it starts building.
Version one
- Chat UI with streaming replies
- Conversation history in a sidebar
- Rename, search and delete chats
- Markdown and code blocks with copy buttons
- System prompt presets
The hard part
Streaming tokens smoothly and keeping long conversations under the context limit. Use the Claude API with streaming and trim or summarise old turns.
Make it yours: a niche ChatGPT ignores, an original name and brand, and one feature it does badly done well.
More to build
- Your own Granola
An AI meeting notes app: record meeting audio, live transcript, aI notes merged with your own bullet points and more.
- Your own Perplexity
An AI answer engine with sources: ask a question in natural language, web search behind the scenes, answer with numbered citations and more.
- Your own Grok
An AI chatbot with a personality and live news: chat with streaming replies, personality modes, answers grounded in recent news and more.
- Your own Character.AI
Chat with AI characters: create a character with a persona and greeting, chat with streaming replies, browse public characters and more.
- Your own Otter.ai
An AI transcription and meeting notes app: upload or record audio, transcript with speakers, search across transcripts and more.
- Your own Wispr Flow
Voice dictation that writes clean text anywhere: hotkey to start dictating, speech to text, aI cleanup of filler words and punctuation and more.