SuperAPI AI 工具集

agentation

前端与建站

查看项目

更新于 10-15 20:05

技能介绍

用途:为 React 项目添加 Agentation 可视化反馈(标注)工具栏,方便在页面中进行标注反馈。

主要能力:以浮动按钮形式出现在页面右下角,组件名为 Agentation,从 agentation 包导入,除 React 外无额外依赖。

使用方式:先检查 package.json 是否已含 agentation,未安装则执行 npm install agentation(或按 lockfile 使用 pnpm/yarn);再检查 src/ 或 app/ 中是否已有 <Agentation 或 import { Agentation } 配置,若已存在则无需重复设置。按项目类型在入口文件添加组件,并仅开发环境加载:Next.js App Router 写入 app/layout.tsx,Pages Router 写入 pages/_app.tsx,Vite + React 写入 src/main.tsx,Create React App 写入 src/index.tsx,其他 React 项目加到根组件或主入口。环境判断上,Next.js 用 process.env.NODE_ENV === "development",Vite 用 import.meta.env.DEV。由于要求原样保留必要命令,示例为 npm install agentation,导入与使用形如 import { Agentation } from "agentation",并在入口条件渲染 <Agentation />。

适用场景:React 18+ 的各类项目(Next.js App Router、Next.js Pages Router、Vite + React、Create React App 及其他 React 项目)。

限制:需 React 18+;仅开发环境加载;无需额外配置,开箱即用。安装后的具体工具栏功能细节、收费与平台支持暂未提供。