海外前端兼职程序员外包

需求描述

用户引导（User Onboarding）需求文档，当日做完。

1. 目标
在现有 Next.js 网站上添加 新手引导功能，帮助首次访问的用户快速了解页面结构和核心功能，提高用户体验。
请参考现有网站 https://egolife-ntu.github.io/ 和 代码库 https://github.com/egolife-ntu/egolife-ntu.github.io

2. 需求描述
进入网站到达指定位置时（滑到最下方），自动触发引导流程（仅限首次访问，可在用户手动触发时重新启动）。
通过 高亮特定按钮/区域 + 箭头指引 + 文字提示 形式，分步介绍核心功能。
交互方式：
用户可点击 “下一步” 继续引导，或点击 “跳过” 退出引导。
允许用户手动重新启动引导流程（如点击“帮助”按钮）。
记录用户是否已完成引导（可用 localStorage 或 cookie），避免重复触发。

3. 设计方案
3.1 引导步骤
步骤 高亮元素 引导文本 交互

3.2 视觉效果
页面整体变暗（遮罩层），仅高亮当前引导的 UI 元素。
使用 箭头 或 动态边框 指示引导内容。
弹出框 显示文字说明，可包含“下一步”、“跳过”按钮。