agentation 这份 Skill 用于给 Next.js 项目接入 Agentation 可视化反馈工具栏。开发者提供项目，AI 会检查是否安装和配置过，再根据路由架构把组件放到合适入口，让页面支持批注反馈。
它先识别 App Router 或 Pages Router，分别检查根布局或应用入口。已有配置就不重复添加，依赖安装也沿用项目的包管理方式。这能避免页面里不小心出现两套工具栏。
原文把组件放在开发环境条件下，只在开发时加载，防止把内部反馈入口直接带进正式页面。适合团队正在改界面，需要围绕页面位置传递修改意见的阶段。
不过，工具栏出现和 AI 实时收到批注是两件事。原文另外说明 MCP 服务的配置与检查；完成相应连接后，才具备把批注同步给 AI 的工作流。只装前端组件，不能就报告整套实时反馈已经通了。
你最后应拿到明确的配置结果：组件加在哪里、开发页面能否看到、同步服务是否另行完成。这样后续讨论界面改动时，可以直接沿着批注继续处理。