SuperAPI AI 工具集

iblai-vibe-invite

前端与建站

查看项目

更新于 10-15 22:16

技能介绍

用途:为 Next.js 应用加入用户邀请功能,通过两个开箱即用的对话框组件实现——按邮箱或用户名邀请新用户,以及查看待处理邀请及其状态(accepted、pending、expired)。

主要能力:提供 InviteUserDialog(邀请用户)与 InvitedUsersDialog(查看待处理邀请)两个组件,均从 SDK 直接导入:import { InviteUserDialog, InvitedUsersDialog } from "@iblai/iblai-js/web-containers";。可用 MCP 工具 get_component_info("InviteUserDialog")、get_component_info("InvitedUsersDialog") 获取组件信息用于定制。

两个组件的 Props 均为 isOpen(boolean,是否可见)、onClose(() => void,关闭回调)、org(string,平台 key)。典型用法是在管理设置页或账户页挂载按钮并控制弹窗开关,示例中使用了 resolveAppTenant() 获取租户。

前置条件:必须先完成认证设置(/iblai-vibe-auth);已配置 MCP server 与技能(.mcp.json 中的 @iblai/mcp);发送邀请需平台管理员权限。根目录需有 iblai.env,包含 PLATFORM、DOMAIN、TOKEN 变量,缺失时按提供的命令下载模板:curl -o iblai.env https://raw.githubusercontent.com/iblai/vibe/refs/heads/main/iblai.env。无专用 CLI 生成器,需直接从 SDK 导入组件。

验证:告知用户前运行 /iblai-vibe-ops-test,pnpm build 须零错误通过;启动 pnpm dev 并用 npx playwright screenshot http://localhost:3000 /tmp/invite.png 验证弹窗。

限制与注意:导入路径 @iblai/iblai-js/web-containers 与框架无关;Redux store 必须包含 mentorReducer 和 mentorMiddleware;initializeDataLayer() 在 v1.2+ 需要 5 个参数;@reduxjs/toolkit 通过 next.config.ts 中的 webpack 别名去重;品牌规范见 BRAND.md。其它未提供的信息暂未说明。