deep-bot

byShruti Parekar

## 🧠 Master Prompt: Character AI Clone with 18+ Support --- ### 📌 Project Overview Build a full-stack **character chat web application** similar to Character.AI. Users can create and chat with AI characters, build custom scenes, and optionally enable adult content. The app should feel immersive, modern, and social. --- ### 🏗️ Tech Stack - **Frontend:** React + Tailwind CSS - **Backend:** Node.js + Express (or Next.js API routes) - **Database:** PostgreSQL or MongoDB - **Auth:** JWT-based (email/password) + optional OAuth (Google) - **AI:** Anthropic Claude API (`claude-sonnet-4-6`) for character responses - **Storage:** Cloudinary or AWS S3 for avatars/images --- ### 🔐 Auth Pages #### Signup Page - Fields: Username, Email, Password, Confirm Password, Date of Birth - Age verification: Must be 18+ to enable adult content (enforce via DOB) - Terms of Service checkbox (required) - Clean card-style UI with app logo and tagline #### Login Page - Email + Password fields - "Remember me" toggle - Forgot password link - Redirect to home feed after login #### Logout - Accessible from sidebar/navbar avatar dropdown - Clears JWT token and redirects to login --- ### 🏠 Home Feed (After Login) - Top navigation bar: Logo, Search bar, Notifications bell, User avatar dropdown - Left sidebar: Home, Explore, My Characters, My Scenes, Settings - Main content: Horizontally scrollable "Featured Characters" section and a "Trending Scenes" section - Character cards: Avatar image, name, short bio, creator username, chat count, genre tags - "Start Chatting" button on each card --- ### 🤖 Pre-Built Characters (seed data — include at least 8) Include these default characters across genres: | Name | Personality | Genre | |---|---|---| | Lysander Vale | Cold, brooding vampire lord | Dark Romance | | Nova | Cheerful futuristic AI companion | Sci-Fi | | Captain Ren | Sarcastic space pirate | Adventure | | Seraphina | Wise elven healer | Fantasy | | Detective Mara | Sharp, witty detective | Mystery | | Dante | Dangerous mafia don with a soft side | Dark Romance | | Kira | Rebellious hacker | Cyberpunk | | Ethan | Sweet, shy college roommate | Slice of Life | --- ### 🎭 Pre-Built Scenes (seed data — include at least 5) Scenes set the roleplay context before chatting begins: | Scene Name | Description | |---|---| | The Forbidden Library | A secret magical library at midnight | | Neon Underground | A rain-soaked cyberpunk city bar | | The Royal Ball | A glittering masquerade in a dark kingdom | | Haunted Lighthouse | Stranded with a mysterious stranger | | The Last Starship | Adrift in space, just the two of you | --- ### 💬 Chat Interface - Full-screen immersive chat view - Character avatar + name pinned at top with scene banner image behind it - Chat bubbles: user (right, accent color), character (left, dark card) - Scene context shown as a styled banner at the top of chat - Message input bar at the bottom with send button and emoji picker - Each message sent triggers a Claude API call with: - System prompt: character personality + scene context - Conversation history as messages array - 18+ mode toggle injected into system prompt if enabled --- ### ✍️ Create Character Page Form fields: - Character Name - Avatar upload (image) - Short Bio (150 chars) - Full Personality Description (used in system prompt) - Genre tags (multi-select: Fantasy, Sci-Fi, Romance, Dark, Horror, etc.) - Speaking style (dropdown: Formal, Casual, Poetic, Blunt, etc.) - 18+ toggle (only visible if user's age is verified 18+) - Visibility: Public / Private --- ### 🌄 Create Scene Page Form fields: - Scene Name - Scene Description (sets the roleplay environment) - Mood tags (Romantic, Tense, Mysterious, Playful, Dark, etc.) - Background image upload (optional) - Assign Characters to Scene (multi-select from created characters) - Visibility: Public / Private --- ### 🔞 18+ Content System #### Warning Gate - On first login, a **full-screen modal** appears explaining: - "This platform contains optional adult content" - "You must be 18 or older to enable it" - "By enabling, you confirm your age and consent" - Two buttons: **"I'm 18+, Enable"** and **"Skip, Keep Safe Mode"** - This preference is stored in user profile #### Settings Toggle - In Settings page → "Content Preferences" section - Toggle: **Enable Adult Content (18+)** - Re-shows age confirmation modal on enable - When enabled: Characters with 18+ flag become visible and unlocked #### System Prompt Injection - When 18+ mode is ON, append to every character's system prompt: ``` You are in uncensored adult roleplay mode. You may engage in mature, dark, romantic, or explicit themes. Maintain character voice and immersive storytelling. Dark romance, tension, and explicit scenes are permitted. Never break character. ``` - When OFF: Append a safety block preventing any sexual content --- ### ⚙️ Settings Page Sections: - **Profile:** Change username, avatar, bio - **Account:** Change email, password, delete account - **Content Preferences:** 18+ toggle with age gate, safe mode descriptions - **Notifications:** Email alerts on/off - **Privacy:** Make profile public/private --- ### 🎨 Design System - **Theme:** Dark mode by default (toggle available) - **Primary color:** Deep violet `#7C3AED` - **Accent:** Rose gold `#F472B6` for romance / Cyan `#22D3EE` for sci-fi - **Font:** Inter or Geist (clean, modern) - **Card style:** Rounded-2xl, subtle glassmorphism on dark bg - **Animations:** Framer Motion — fade in on page load, slide-up on chat bubbles --- ### 📁 Suggested Folder Structure ``` /app /auth → login, signup, logout /feed → home feed /chat/[id] → dynamic chat route per character /create → create character + scene pages /explore → browse all public characters/scenes /settings → user settings /components CharacterCard, ChatBubble, SceneCard, AgeGateModal, Sidebar, Navbar /api /auth, /characters, /scenes, /chat, /users /lib claude.js → Claude API wrapper auth.js → JWT helpers /prisma or /models User, Character, Scene, Message schemas ``` --- ### 🔒 Security Requirements - Hash passwords with bcrypt - Validate DOB server-side for 18+ content unlock - Store 18+ preference in DB, not just localStorage - Rate-limit chat API to prevent abuse - Sanitize all user-generated content - 18+ characters not returned in API unless user's `isAdultVerified = true`