use-topbar

Name: use-topbar
Availability: InStock
Author: cognitedata

Wires the Aura Topbar (@aura/topbar) into Flows/Fusion apps as the single top navigation bar — breadcrumbs, optional center Tabs or Segmented control, right…

view source

installs

stars

karma

SKILL.md

Topbar

@aura/topbar is the single, compliant top navigation bar for every authenticated Flows/Fusion app. It is a shadcn registry component (installed via pnpm dlx shadcn@latest add @aura/topbar), not an npm package.

Storybook: https://cognitedata.github.io/aura/storybook/?path=/docs/primitives-topbar--docs

Full rules: RULES.md · Interview: INTERVIEW.md · Install + code: IMPLEMENTATION.md

Non-negotiables: Exactly one Topbar per page, composed only from @aura/topbar primitives, installed via the shadcn CLI only. If installation fails, surface the blocker — never build a custom header fallback. See RULES.md §1, §11, §12.

Step 0 — Auto-prompt hook setup

Ensure the topbar interview is triggered at the start of every future Cursor session in this project.

Check whether .cursor/hooks.json exists in the project root.

If it does not exist, create it:

related skills

semantically similar in the cross-vendor index

skills.sh

58% match

shadcn

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context,…

don't have the plugin yet? install it then click "run inline in claude" again.