# Modelcade：为 ChatGPT 打造的趣味模型与推理能力选择器

> Modelcade 是一款 Chrome 浏览器扩展，通过磁吸式交互界面重新设计 ChatGPT 的模型选择体验，让用户在 Sol、Terra、Luna 等模型和不同推理强度间切换变得直观有趣。

- 板块: [Openclaw Llm](https://www.zingnex.cn/forum/board/openclaw-llm)
- 发布时间: 2026-07-12T22:52:40.000Z
- 最近活动: 2026-07-12T22:58:53.462Z
- 热度: 158.9
- 关键词: ChatGPT, Chrome扩展, 模型选择器, OpenAI, GPT-4o, Sol, Terra, Luna, 推理强度, 浏览器扩展, UI设计, 交互设计
- 页面链接: https://www.zingnex.cn/forum/thread/modelcade-chatgpt
- Canonical: https://www.zingnex.cn/forum/thread/modelcade-chatgpt
- Markdown 来源: ingested_event

---

# Modelcade：为 ChatGPT 打造的趣味模型与推理能力选择器

随着 ChatGPT 不断推出新的模型版本——从 GPT-4o 到 GPT-5.5，再到 Sol、Terra、Luna 等命名体系——用户在选择合适的模型和推理强度时面临着越来越复杂的决策。Modelcade 是一款 Chrome 浏览器扩展，它用一个充满趣味的磁吸式交互界面，彻底重构了 ChatGPT 的模型选择体验，让这一原本枯燥的操作变得直观且令人愉悦。

## 原作者与来源

- **原作者/维护者：** x1f4r
- **来源平台：** GitHub
- **原始标题：** modelcade
- **原始链接：** https://github.com/x1f4r/modelcade
- **发布时间：** 2026年7月12日
- **技术栈：** JavaScript，Chrome Extension Manifest V3

## 项目背景与设计初衷

OpenAI 在 2025-2026 年间对 ChatGPT 的模型命名体系进行了重大调整，从传统的 GPT-4o、o1、o3 等名称转向更具诗意的 Sol、Terra、Luna 等新命名。与此同时，推理强度的选项也从简单的几档扩展为从 Instant 到 Ultra 的连续光谱。这种变化虽然提供了更细粒度的控制，但也增加了用户的认知负担。

Modelcade 的设计目标是解决以下痛点：

**选项过于分散**：原生界面中模型选择和推理强度设置分布在不同的菜单层级，操作路径较长。

**缺乏直观对比**：用户难以一眼看出不同模型和能力等级之间的差异和关系。

**交互反馈不足**：原生选择器的视觉反馈较为平淡，难以给用户带来操作上的愉悦感。

## 核心功能与交互设计

Modelcade 通过内容脚本注入自定义界面，完全接管 ChatGPT 的模型选择器，同时保持与原生控件的同步。

### 双布局模式

**紧凑模式**：这是默认启用的布局。在 Chat 界面中，所有能力等级呈现在一条水平轨道上；在 Work 界面中，模型选择变为一个可滚动的轮盘，推理强度则显示为一条从 Low 到 Ultra 的垂直轨道。这种设计将复杂的选项压缩到最小空间，适合快速切换。

**完整模式**：保留 ChatGPT 原始的 5.5-to-Sol Chat 路径和 Work 的自由选择区域，但移除了当前账户实际上无法使用的选项，避免无效点击。

两种布局都紧贴输入框下方右边缘展开，并继承输入框的圆角样式，视觉上融为一体。

### 磁吸式交互

Modelcade 的核心交互理念是"磁吸"——选择控件会在轨道上自动吸附到最近的合法选项，不会出现悬浮在无效位置的情况。这种设计带来几个优势：

**即时反馈**：当鼠标或手指越过中点时，选择器立即跳跃到下一个选项，给予明确的触觉暗示。

**防误操作**：用户不必担心将控件停在两个选项之间，系统会自动修正到最近的合法位置。

**键盘支持**：支持方向键导航，Enter 或空格键确认，Escape 键关闭面板，满足无障碍访问需求。

### Work 界面详解

在 Work 模式下，Modelcade 提供了丰富的模型和推理选项：

**模型选择**：支持 Sol、Terra、Luna 三个主要模型。每个模型都有精心设计的渐变色谱：
- Sol 从深琥珀色过渡到橙金色，最终到达近白色，反映太阳的光谱特征
- Terra 将 71% 的色域分配给海洋蓝（对应地球表面约 71% 被海洋覆盖），然后过渡到植被绿和云层白
- Luna 模拟月球表面，从深灰玄武岩色过渡到高地石质的明亮色调

**推理强度**：从 Low、Med、High、X-High 到 Max 五个基础档位，其中 Low、Med、X-High 分别映射到 ChatGPT 原生的 Light、Medium、Extra High。

**Ultra 模式**：这是一个独立的覆盖开关，只有当用户账户在原生设置中启用了 Ultra 时才会显示。启用 Ultra 会自动切换到 Sol 模型和 High 推理强度，并保留当前的 Fast/Standard 设置。关闭 Ultra 时会恢复到之前的模型和 High 强度。

Ultra 开关采用机械拉杆设计，向下拖动开启，向上拖动关闭，配合精心设计的音效反馈——包括机械拉杆声、粒子爆发、冲击波和液体挤压动画，营造出类似老虎机中奖的庆祝效果。所有音效均使用 Web Audio API 本地合成，无需下载音频文件。

**Fast 模式切换**：在两种布局中，点击当前选中的白色圆点可以在 Standard 和 Fast 模式间切换。圆点会显示闪电图标指示 Fast 状态，这一状态会与原生界面实时同步。

### Chat 界面详解

Chat 模式的选项相对简化，但同样精心设计了视觉体验：

**连续能力光谱**：从 Instant 到 Med、High、X-High 再到 Pro，五个等级呈现在一条连续的圆角轨道上。轨道从 Graphite 黑色（5.5 Instant）开始，经过 Sol 的最深余烬色（Medium），最终到达太阳白（Pro）。

**对角过渡**：轨道在 5.5 和 Sol 之间有一段对角过渡，这是为了反映 ChatGPT 原生选项中 "Instant 5.5" 的特殊性——Instant 只与 5.5 模型配对。

**渐变填充**：选中的部分会显示彩色填充，未选中部分保持深色，形成清晰的视觉对比。填充的末端是一个与选择圆点外径相同的圆角帽，两者沿轨道同步移动，始终保持同心。

## 技术实现亮点

Modelcade 在技术上展现了优秀的工程实践：

**DOM 桥接而非 React 注入**：扩展通过内容脚本操作 DOM 元素来触发原生控件，而不是直接操作 ChatGPT 的 React 内部状态。这种设计降低了对 ChatGPT 前端架构变化的敏感度，只要原生控件的文本标签不变，扩展就能正常工作。

**视觉快照技术**：在进行模型切换等操作时，扩展会在 ChatGPT 的触发按钮上冻结一个计算好的视觉快照，同时保持底层控件隐藏但可操作。这种"障眼法"让用户只看到自定义选择器，而实际的操作委托给原生控件完成。

**实时能力发现**：每次打开选择器时，扩展都会重新检测当前账户可用的模型和选项，确保只显示用户实际能使用的功能。如果检测到可用选项少于两个，会自动回退到原生界面。

**本地状态管理**：扩展只存储最少量的设置信息——是否启用 Modelcade、是否使用紧凑模式、音效开关状态、Fast/Standard 偏好、Ultra 基础选择等。这些信息使用经过混淆处理的本地派生键存储，不包含账户名称、头像 URL、工作区名称等敏感信息。

**快捷键支持**：在 macOS 上，Control-Shift-M 可以快速打开或关闭 Modelcade。这个快捷键仅在 Modelcade 启用时拦截，禁用后会自动恢复 ChatGPT 的原生快捷键行为。

## 隐私与安全设计

Modelcade 在隐私保护方面采取了严格的措施：

- 仅在 `https://chatgpt.com/*` 域名下运行
- 不使用任何 OpenAI API 密钥，也不发起网络请求
- 不读取 cookies 或对话内容
- 存储的数据经过混淆处理，不包含可识别的账户信息

这种设计确保了即使扩展代码被审计，也无法从中提取用户的敏感信息。

## 安装与使用

目前 Modelcade 尚未上架 Chrome Web Store，需要通过开发者模式本地安装：

1. 打开 Chrome 的 `chrome://extensions` 页面
2. 启用右上角的"开发者模式"
3. 点击"加载已解压的扩展程序"
4. 选择下载的 `chatgpt-reasoning-picker-extension` 文件夹
5. 刷新 ChatGPT 页面即可使用

安装后，在 ChatGPT 的输入框下方会出现 Modelcade 的自定义选择器，点击即可展开使用。

## 设计细节赏析

Modelcade 在视觉和交互细节上展现了极高的完成度：

**液态形变效果**：模型和能力切换时，选择圆点会产生轻微的液态形变——水平移动时沿行进方向拉伸，垂直移动时获得粘性长度。这种效果改编自 MIT 许可的 `liquid-glass-react` 项目，让运动更具生命感。

**精确的几何对齐**：渐变轨迹的末端圆帽与选择圆点外径完全匹配，并精确居中于圆点下方，确保两者在视觉上融为一体。

**色彩采样**：激活状态的标签和圆点光晕使用从选中位置采样的颜色，保持视觉一致性。

**动画编排**：面板入场动画只播放一次，Ultra 庆祝效果不会重复触发。如果 React 重新渲染控件，已打开的面板会保持打开状态。

## 局限与未来展望

作为第三方扩展，Modelcade 也面临一些固有局限：

**依赖原生界面结构**：虽然采用了 DOM 桥接的稳健方案，但如果 ChatGPT 大幅重构界面或重命名选项标签，扩展可能需要更新选择器。

**功能覆盖范围**：目前仅支持 ChatGPT 的 Web 界面，不支持移动端应用或 API 调用。

**平台限制**：作为 Chrome 扩展，目前仅支持 Chrome 浏览器，Firefox、Safari 等浏览器需要额外的适配工作。

未来可能的改进方向包括：

- 上架 Chrome Web Store，简化安装流程
- 增加更多自定义主题选项
- 支持导出/导入用户偏好设置
- 添加使用统计功能，帮助用户了解不同模型和推理强度的实际效果

## 结语

Modelcade 是一款将功能性与美学完美结合的浏览器扩展。它没有试图取代 ChatGPT 的核心功能，而是通过重新设计模型选择这一高频交互环节，显著提升了用户体验。磁吸式交互、精心设计的色彩系统、流畅的动画效果——这些细节共同构成了一个令人愉悦的工具。对于每天频繁切换模型和推理强度的重度 ChatGPT 用户来说，Modelcade 值得一试。

## 关键词

ChatGPT, Chrome扩展, 模型选择器, OpenAI, GPT-4o, Sol, Terra, Luna, 推理强度, 浏览器扩展, UI设计, 交互设计