ChatGPT-UX-Customizer

Fully customize the chat UI. Automatically applies themes based on chat names to control everything from avatar icons and standing images to bubble styles and backgrounds. Adds powerful navigation features like a message jump list with search.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

ავტორი
p65536
დღიური ინსტალაციები
0
მთლიანი ინსტალაციები
60
რეიტინგი
2 0 0
ვერსია
2.0.0
შექმნილია
26.07.2025
განახლებულია
28.11.2025
Size
584 KB
ლიცენზია
MIT
გამოყენებს მათ

Overview

A userscript that adds powerful theming, UI customization, and advanced navigation features to AI chat UIs.

There are ChatGPT and Gemini versions.

Recommended Companion:
Pair this with Quick Text Buttons (QTB) for one-click text insertion.
UX-Customizer optimizes the UI, while QTB optimizes Input—together, they provide the ultimate chat experience.


Key Features

  • Automatic Theme Switching: Apply themes (colors, backgrounds, etc.) based on chat titles, project names (ChatGPT) or Custom GPT names (ChatGPT), using regular expressions.
  • Full UI Customization: Edit all visual settings via a GUI, including actor names, icons, standing images, chat width, and background images.
  • Advanced Navigation Console: Use an integrated console and a searchable Jump List (text/regex) to instantly find any message.
  • Enhanced Readability: Collapse long messages, add per-message navigation buttons, and display message timestamps (ChatGPT only).
  • Powerful Utilities: Easily Import/Export your entire configuration as a JSON file.
  • Platform-Specific Helpers: Includes Auto-Load Full History (Gemini only) and Layout Scan (ChatGPT only, a fix for scrolling layout shifts on Firefox).

New Features

  • (2025/11/16) Message Timestamp (ChatGPT only): Displays the creation time for each message. This feature intercepts API requests to load historical timestamps and records new ones in real-time.
  • (2025/11/09) Layout Scan (ChatGPT and Firefox Only): Automatically performs a layout scan on chat load to mitigate scroll position jumps from late-loading messages or images.
  • (2025/09/08) Jump List: Added an advanced message jump list with search/filter capabilities and a full preview on hover. Access it by clicking the labels in the navigation console.
  • (2025/09/05) Auto-load full chat history (Gemini only): Automatically loads the entire chat history when opening a chat, eliminating the need to manually scroll up multiple times.

Screenshots (Images are for ChatGPT)

UX Customizer sample

Advanced Navigation with Jump List

Note: The pencil icon in the input area belongs to Quick Text Buttons (QTB), a separate userscript. It allows you to insert predefined text or prompts with a single click. Using QTB alongside UX Customizer provides a highly efficient chat experience.


Getting Started

  1. Click the gear icon ⚙️ in the input area to open the settings panel.
  2. In the navigation console (above the input box), click the "Assistant:", "Total:", or "User:" labels to open the Jump List.
  3. Open the Theme Editor to create your own theme from scratch.
  4. Alternatively, import a sample JSON file for a quick start.
  5. Sample File: Sample: default + 3 Themes

Tested Environment

  • This script is designed for desktop browsers and does not support mobile environments.
  • This script is primarily developed and tested on Firefox with Tampermonkey.
  • It is also confirmed to work on Chromium-based browsers, but testing on these platforms is less extensive.

More info

Full Guide & Details on GitHub:


This script is open-source and licensed under the MIT License.