CharFlow - Character AI Customization

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

이 스크립트 설치 ?

질문 또는 리뷰 남기기, 또는 스크립트 신고하기.

작성자

Chalkie

일일 설치 수

총 설치 수

평점

0 0 0

버전

1.4.2

생성일

2026-04-30

갱신일

2026-05-06

크기

197KB

라이선스

MIT

적용 사이트

character.ai

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

Load – Script checks you're on a Character.AI chat page, then injects its own CSS and UI elements.
Storage – All settings are saved locally in your browser using Tampermonkey's storage. Nothing is sent anywhere.
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.
Dynamic Monitoring – A MutationObserver watches for new messages being added and reapplies your styles automatically.
Presets – Saving a preset captures every non-background setting into a JSON object. Loading it applies all those values at once.

How to use

Download a preset file from the link above
Open the mod menu in Character.AI
Go to the Presets section
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.