web AI谷歌智能助手产品系统Vibe Coding

本项目定位为浏览器端 AI 网页助手，面向需要批量阅读网页信息和重复操作网页流程的用户。立项原因在于：网页信息繁杂、长文阅读耗时，且表单填写、点击翻页等操作重复枯燥。产品通过侧边栏 AI 助手，在保持原网页浏览的同时提供即时问答、内容总结、翻译，并支持按自然语言指令自动点击、输入、滚动网页，还能录制并复刻重复的网页操作流程，广泛适用于科研资讯浏览、文档研读、在线表单填报、数据采集等场景。

项目是一款搭载于 Chrome 侧边栏的 AI 网页助手，主要功能模块包括：一、网页内容注入与感知模块，通过内容脚本清洗并读取当前页面正文与交互元素，供助手理解浏览上下文。二、AI 对话助手模块，支持基于当前网页内容的问答、总结、翻译。三、网页操作执行模块，可将自然语言指令解析为点击、输入、滚动、选择、返回等动作并自动执行，敏感操作（提交、删除、支付）强制用户确认。四、操作流程录制回放模块，录制用户的网页操作步骤并一键复刻重复流程。五、会话记录模块，将对话本地持久化存储。六、账号体系模块，提供注册、登录与鉴权。七、同步桥接模块，对接官网实现数据同步。

本人负责本项目的全栈开发。前端为基于 Manifest V3 规范的 Chrome 扩展，用原生 HTML/CSS/JavaScript 实现侧边栏、内容脚本与后台 service worker，通过 chrome.scripting 注入脚本执行网页动作。后端采用 Python 标准库自建轻量 HTTP 服务，搭配 SQLite 存储用户与会话数据。实现亮点：将 AI 工具调用映射为真实 DOM 操作，敏感操作用本地强制确认兜底防误操作；难点在于稳定定位可交互元素、动作执行与页面加载状态同步，以及录制步骤序列化与回放的一致性。