O-Maid - Web Operation Guide & Smart Hint Assistant

🌟 O-Maid 页面智能助手 —— 让复杂网页交互变得简单直观！ 你是否在面对繁杂的企业 OA 办公系统、ERP 内部后台或复杂业务网页时，经常记不清特定模块的作用？或者在团队新人入职时，需要反复制作枯燥的操作说明书？ O-Maid（页面智能助手）专为解决网页认知与培训痛点而生！无需侵入修改任何网页源码，即可通过可视化屏幕点选，在任意网页元素上自由注入悬停注释与多步骤互动引导。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ✨ 核心功能亮点 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. 🎯 可视化屏幕精准拾取 • 所见即所得：鼠标滑过网页任意元素（按钮、表格、卡片、输入框），智能识别精准定位。 • 穿透级选择：完美支持复杂现代网页与深层嵌套框架，即点即绑。 2. 💡 智能悬停提示与柔光高亮 • 目标同步发光：鼠标移动至被标注模块时，目标元素立刻呈现醒目的蓝色柔光外框，气泡自适应停靠，指向一目了然。 • 优雅退出：鼠标移开即刻平滑隐退，绝不破坏宿主网页原生的视觉与排版。 3. 🧭 步骤式多步操作引导 • 像游戏新手向导一样指引用户：支持编排“第 1 步点这里 ➔ 第 2 步输内容 ➔ 第 3 步提交”。 • 自动聚光灯聚焦：全屏暗色遮罩突出当前操作目标，降低复杂业务系统的上手门槛。 4. ☁️ 云端协同与团队共享 • 一键上云：本地创建的引导与提示可一键同步分享至云端团队大厅。 • 即取即用：团队同事可在“云端共享”列表一键下载安装同款引导规则，实现经验无感传递。 • 差异化状态标识：本地草稿、已同步资产、云端下载规则具备专属视觉标识，生命周期清晰掌控。 5. 🛡️ 独立 Shadow DOM 隔离 • 插件侧边栏与提示容器均基于顶级 Shadow DOM 沙箱运行，样式与宿主网站 100% 物理隔离，互不干扰、永不冲突。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🏢 典型应用场景 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ • 【企业办公 / OA / ERP】：为生僻业务按钮或公告流程添加业务注解，帮助全员降本增效； • 【新人业务培训】：为新入职同事定制“系统操作新手指南”，无需人工重复培训； • 【个人网页效率增强】：为常用网页记录备忘提示或快捷引导； • 【SaaS / 网站运营】：为自研系统快速搭建交互式新手引导。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🚀 快速上手（只需 3 步） ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 1. 点击浏览器右上角 O-Maid 图标，打开右侧助手面板； 2. 点击「+ 新建提示」或「+ 新建引导」，鼠标直接在网页上点击想要标记的元素； 3. 输入文案并保存，立即体验专属定制的网页智能提示与引导！ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔒 隐私权与数据安全承诺 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ • 本地优先：您录入的所有规则默认仅存储于您的浏览器本地（chrome.storage）。 • 安全透明：插件不收集任何用户的浏览历史、账号密码或个人隐私数据，绝不出售任何用户数据，完全符合 Chrome Web Store 开发者安全合规标准。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔗 开源项目与支持 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 本项目已开源，欢迎访问 GitHub 仓库获取源码或提交反馈： https://github.com/main1015/o-maid