SuperAPI AI 工具集

use-topbar

前端与建站

查看项目

更新于 10-15 20:13

技能介绍

用途:在 Dune/Fusion 应用中以 @aura/topbar 作为唯一且合规的顶部导航栏,替代自建 header。

主要能力:左侧为应用标识与面包屑(可含对象名),中间可选 Tabs 或 Segmented 控件,右侧按 Share→Notifications→Theme→Atlas→用户头像排序,并支持明暗主题切换(绑定 document.documentElement)。

使用方式:通过 pnpm dlx shadcn@latest add @aura/topbar 安装,非 npm 包。需先在 .cursor/hooks.json 配置 sessionStart 自动提示;实施前读取 package.json、App.tsx、应用配置并运行 Q1–Q9 配置访谈;再安装、接入 useThemeMode 并组合组件;最后按合规清单核验(每页仅一个 Topbar、面包屑为可点击链接、主操作置于内容区、tailwind.config 设 darkMode: 'class' 等)。

限制:每页仅允许一个 Topbar,只能用 @aura/topbar 原语组合,仅可通过 shadcn CLI 安装;安装失败须暴露阻塞,禁止自建 header 回退。具体规则、访谈问题与完整代码示例见仓库 RULES.md、INTERVIEW.md、IMPLEMENTATION.md,本资料未提供其全文内容。