☰

CharFlow - Character AI Customization

Complete Character.AI UI Customization - 35+ settings, presets, HTML export, per-character background and per-element control

Nasıl kurarım

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

Bu komut dosyasını yüklemek için bir kullanıcı komut dosyası yöneticisi uzantısı yüklemeniz gerekecek.

(Zaten bir kullanıcı komut dosyası yöneticim var, kurmama izin verin!)

Nasıl kurarım

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

(Zateb bir user-style yöneticim var, yükleyeyim!)

Yazar
Chalkie
Günlük kurulumlar
5
Toplam kurulumlar
24
Değerlendirmeler
0 0 0
Versiyon
1.4.2
Oluşturulma
30.04.2026
Güncellenme
06.05.2026
Boyut
197 KB
Lisans
MIT
Geçerli

CharFlow - Character AI Customization

CharFlow preview

A Tampermonkey userscript that lets you redesign the look and feel of Character.AI chat pages.

Main Purpose

This script transforms the default Character.AI chat interface into a fully customizable experience. It adds a settings panel that lets you change colors, fonts, backgrounds, bubble shapes, and much more—without touching any of the original website's code.

Key Features

Visual Customization

  • Backgrounds – Set an image URL or upload a local file as your chat background. Adjust blur, brightness, and add a color overlay.
  • Chat Bubbles – Change bubble colors (same for all or separate for AI/User), add glassmorphism effects, borders, and drop shadows.
  • Corner Styles – Make bubbles uniformly rounded or customize each corner individually.
  • Typography – Choose from 15+ Google Fonts, use a custom font URL, adjust size, weight, line height, and color text differently for AI vs User.
  • Text Styling – Enable custom colors for italic, bold and quote text.

Preset System

  • Save your current settings as a named preset (background settings excluded to preserve your personal backgrounds)
  • Load, delete, export, or import presets (share them with others)
  • Reset individual categories or everything to default

Character Backgrounds Manager

  • View all saved character backgrounds with preview and delete options
  • Export all backgrounds as a backup file or import them back
  • Storage usage tracking with warnings when approaching limits

Chat Tools

  • Session Timer – Replace the creator name with a timer showing how long you've been chatting ("Talking for 12 minutes" or "Active now").
  • Export Chat – Download your conversation as a clean HTML file with avatars, search functionality, and dark/light mode toggle.
  • Remove Disclaimer – Hide the "AI chatbot" warning messages (visual only, doesn't affect functionality).

Interface

  • Floating settings button (draggable, saves position)
  • Collapsible settings panel (also draggable)
  • Search through settings by keyword
  • Category-based organization
  • Visual previews for corner radius changes
  • Toast notifications for actions

How It Works Together

  1. Load – Script checks you're on a Character.AI chat page, then injects its own CSS and UI elements.
  2. Storage – All settings are saved locally in your browser using Tampermonkey's storage. Nothing is sent anywhere.
  3. Real-time Updates – When you change a setting (like a color or slider), the script instantly updates the chat page CSS and saves the preference.
  4. Dynamic Monitoring – A MutationObserver watches for new messages being added and reapplies your styles automatically.
  5. Presets – Saving a preset captures every non-background setting into a JSON object. Loading it applies all those values at once.

How to use

  1. Download a preset file from the link above
  2. Open the mod menu in Character.AI
  3. Go to the Presets section
  4. Click Import Preset and select the file

That’s it.

CharFlow preview_2 CharFlow preview_3

  • BoundarySoft Inc. 2026 | A personal project made with love.
  • This script only modifies the visual interface of Character.AI and does not interact with accounts or external servers.