在前端页面实现co-pilot ❌ co-worker ✅

前言

笔者目前的做的项目是一个相对专业化的生物蛋白大模型web应用，可以说，在当下的市场上还是凤毛麟角。

所以，对于我们的软件，对于新手小白用户，我们该怎样去引导用户使用，并且让用户能够快速上手，快速出结果，是我们目前需要思考的问题。

在使用了 co-pilot 和 cursor 之后，笔者有个大胆的想法，在用户的每个操作后，我们在极短的时间内预测出用户可能想要的操作，并且给出提示，让用户可以快速上手。

实现思路

如果有看过笔者的 frontend-e2e-test 那篇文章，将会很轻松理解这篇文章。

1. 将页面上所有的可交互的元素添加属性 id，或dataSet等。
2. 将这些元素进行整理，添加描述、文档信息。
3. 基于埋点相关逻辑，记录用户的操作流。
4. 基于操作流，结合元素信息，进行推理，预测用户下一步可能的操作。
5. 将推理结果进行展示。

实现

添加元素id

具体可参考 frontend-e2e-test 中的 前置工作-testid 这一部分

整理元素信息