用途:为 Next.js 应用添加账户与组织设置页面。页面包含 Organization info、User Management、Integrations、Advanced settings 和 Billing 等标签页。该技能将 assets/account-page.tsx.j2 模板渲染为 app/(app)/account/page.tsx,也可参考给出的实现代码。
主要能力:提供账号/组织设置页;标签页可见性由 isAdmin 与 RBAC 权限控制,Billing 页需设置 billingURL 或 topUpURL 才显示。页面从 localStorage 读取 userData、tenant/current_tenant 和 tenants,并从 tenants 推导管理员状态。
使用方式:前置条件为已设置认证(/iblai-auth),并在 .mcp.json 中配置 @iblai/mcp 与技能。项目根目录需有 iblai.env(含 PLATFORM、DOMAIN、TOKEN);若缺失可执行 curl -o iblai.env https://raw.githubusercontent.com/iblai/vibe/refs/heads/main/iblai.env。默认使用 pnpm,未安装时可回退 npm,应用生成在当前目录,而非子目录。若从 vibe-starter 新建项目可询问用户是否改用已有 /account 的模板,使用 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。组件需用白色容器包裹以适配灰色页面背景,优先使用 @iblai/iblai-js SDK 组件,其次 shadcn/ui,不覆盖 SDK 样式,不自行实现暗色模式。需在告知用户完成前运行 /iblai-ops-test,并在完成后启动 pnpm dev,访问 http://localhost:3000。
限制:Component 从 @iblai/iblai-js/web-containers/next 导入,需 next/image;Redux store 须包含 mentorReducer 与 mentorMiddleware;使用 pnpm 或 npm;其余配置与验证要求以技能文档为准。未提供的收费、平台支持范围等信息暂未提供。