chatbridge-Ai对话管理器-浏览器扩展产品系统Vibe Coding

我要开发同款
marhoosh2026年07月09日
6阅读

技术信息

语言技术
ReactTypeScript
系统类型
Web
行业分类
脚本插件人工智能

作品详情

行业场景

项目主要面向 AI 高使用频率用户、开发者、内容创作者和知识工作者,解决 ChatGPT、Claude 等平台对话记录分散、检索困难、管理低效的问题。通过浏览器扩展统一接入多个 AI 平台,实现历史对话的同步、归档与管理,适用于 AI 办公、内容创作、知识整理和效率提升等场景。

功能介绍

插件地址:https://chromewebstore.google.com/detail/chatbridge-chatgpt-claude/jgjonhmohldbakmfbnickfanpghhigpl?authuser=0&hl=zh-CN
插件的网站:https://chatbridge.chatarena.top/

项目实现了 ChatGPT、Claude 及部分其他 AI 平台的账号识别与对话同步能力,支持多账号接入、历史会话拉取、本地缓存存储、收藏与标签管理、搜索历史记录、分页浏览及自动同步。用户无需分别进入不同平台查找旧内容,而是可以在扩展中统一浏览和管理跨平台 AI 对话数据,从而提升知识沉淀和工作效率。

项目实现

项目基于 Plasmo 框架开发,使用 TypeScript + React 构建扩展前端界面,采用 Tailwind CSS 完成样式组织,并基于 Chrome Manifest V3 规范实现浏览器扩展能力。系统通过 content script 注入目标 AI 网站,识别当前登录账号并触发新增或同步流程;通过 background service worker 统一处理消息通信、自动同步任务和跨页面逻辑;通过 IndexedDB 对账号与会话数据进行本地持久化存储。项目同时接入 Supabase 用于用户登录、会员能力及远端状态扩展,并集成 Sentry 进行异常监控。整体架构采用前端界面、后台服务、内容脚本和本地数据库解耦设计,具备良好的可扩展性,便于后续继续接入更多 AI 平台与会员能力。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论