用途:为 Next.js 应用添加用户资料功能,包括导航栏头像下拉菜单和完整设置页。设置页含基本信息、社交链接、教育、经历、简历、安全等标签。
主要能力:生成 components/iblai/profile-dropdown.tsx 头像下拉菜单,含 Profile、Organization、租户切换与登出;用 @iblai/iblai-js/web-containers 的 Profile 组件创建内联全页资料编辑页,桌面侧栏、移动端标签导航。下拉菜单从 localStorage 读取 userData、tenant/current_tenant、tenants,管理员状态由 tenants 中 is_admin 判断。
使用方式:需先完成认证(/iblai-auth)并配置 MCP 与技能。项目根目录需有 iblai.env,含 PLATFORM、DOMAIN、TOKEN;缺失时用 curl -o iblai.env https://raw.githubusercontent.com/iblai/vibe/refs/heads/main/iblai.env 下载模板。默认用 pnpm,未安装则用 npm。完成后运行 /iblai-ops-test,再 pnpm dev 在 http://localhost:3000 查看。新项目可改用 vibe-starter:git clone -b spa https://github.com/iblai/vibe-starter.git vibe-starter-init,再 cp -a vibe-starter-init/. . && rm -rf vibe-starter-init,然后 pnpm install。
限制:不要给 SDK 组件加自定义样式、颜色或 CSS 覆盖,不要实现暗色模式,除非用户明确要求。不要显示租户/平台名,改用 ibl.ai logo。租户切换需传 userTenants 并设 showTenantSwitcher。直接调用 REST 端点时须先 GET 再合并后 PUT,否则会覆盖字段。基本、社交、头像与密码重置为用户会话范围,未提供平台 Api-Token 直连端点。iblai.env 不是 .env.local 替代。