SuperAPI AI 工具集

admin-panel-builder

编程与开发

查看项目

更新于 10-16 00:04

技能介绍

用途:该技能用于在 KR92 Bible Voice 项目中创建和维护管理后台页面与组件,规范统一的布局、认证与数据交互方式。

主要能力:提供页面架构模式(SidebarProvider + AppSidebar + AdminHeader)、访问控制(通过 @shared-auth/hooks/useUserRole 检查 isAdmin)、数据表格与表单组件模板(React Query + Supabase + react-hook-form/zod)、Toast 通知(sonner)、路由注册与仪表盘卡片接入方式,以及常见 UI 组件与 AdminHeader、Dashboard 卡片的属性说明。

使用方式:按步骤创建页面组件、在 App.tsx 添加 Route、在 AdminDashboardPage.tsx 的 adminCards 数组中加入卡片;数据获取用 useQuery/useMutation,变更后 invalidateQueries;表单用 zodResolver 校验。

适用场景:当需要新建管理页面、构建管理组件或接入后台导航时使用。

限制:面向特定项目,依赖其共享认证包、UI 别名与 Supabase 集成;用户界面文案以芬兰语为主;具体安装与运行命令、收费与价格信息暂未提供。