Chrome Plugin Gate（浏览器插件聚合门户）产品系统Vibe Coding

浏览器与桌面效率工具持续向「统一入口、多工具共存」演进：个人与团队往往同时依赖文档、调试、运维、数据查询等多类 Web 工具，却分散在标签页与独立扩展中，切换成本高、上下文易丢失。Chrome 扩展与 iframe 嵌入能力成熟，使得「一个快捷键唤起门户、内部聚合多个工具页」成为可行且低侵入的产品形态。

企业内部则普遍存在工具中台、能力注册与模型数据服务等基础设施，门户类产品天然适合作为前端聚合层：统一鉴权透传、访问记录落库、按使用频率推荐入口，降低培训与运维成本。随着混合办公与多设备协同普及，跨浏览器一致的访问历史与 Dock 式固定入口，将成为效率产品的标配体验。长期看，此类门户可演进为组织级「工具工作台」，对接能力注册、版本发布与插件市场，形成可运营的工具生态，而非一次性页面集合。

Chrome Plugin Gate 把多个 Chrome 插件或 Web 工具收拢到同一入口，用 iframe 嵌入访问，避免在大量标签页间来回切换。首页以九宫格展示已配置插件；门户页提供插件选择器、最近访问标签与类 macOS 的 Dock 栏，支持多插件保活切换、刷新与新窗口打开。

插件管理支持增删改查、名称模糊搜索，以及是否固定到 Dock；Dock 异步聚合「已固定插件」与「访问次数最高插件」，焦点随当前 iframe 高亮并滚动定位。访问记录经 model-data-server 持久化，多浏览器展示一致。扩展场景下支持 visitor_token 多渠道透传，并对 iframe 重定向给出友好提示。配套数据库版本初始化、产品能力注册与 Chrome 扩展构建部署脚本，便于接入工具中台与本地开发者模式加载。

本人负责整站前端与配套工程：基于 Vue 3 + TypeScript + Vite 搭建多页应用，用 Pinia 管理目录、会话、帧与 Dock 状态，Vue Router 动态判断直接访问与代理访问的 basename；通过 Axios 对接 model-data-server 完成插件目录、访问记录与分组统计。
实现上的难点包括：多层 iframe（扩展壳 → 门户 → 业务插件）下的重定向检测与 token 透传、多插件保活与切换不重载、Dock 异步加载与焦点滚动、以及固定资源前缀与版本化构建产物的代理适配。亮点是将「快捷键唤起的单一门户」与「可运营的插件配置 + 跨端访问统计」结合，形成可迭代的工具聚合工作台，而非静态导航页。