App bar

AI Skills for Reaviz Projects

Install

npx -y skills add reaviz/skills --skill app-bar

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
4 stars4 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

0.8 KB, as published. Nobody here has run it

AppBar

Top header bar for the chat. Reads the theme.appbar class string and renders arbitrary content.

Import

import { AppBar } from 'reachat';

Props

Prop	Type	Default	Description
`content`	`ReactNode`	—	Content to display
`theme`	`ChatTheme`	`chatTheme`	Per-instance theme override

Usage

<AppBar
  content={
    <div className="flex w-full items-center justify-between">
      <Logo />
      <UserMenu />
    </div>
  }
/>

AppBar resolves its theme via useComponentTheme<ChatTheme>('chat', customTheme) from reablocks, so it picks up the same theme provider as the rest of the chat.

Render it outside <Chat> (as a sibling header) or inside the panel — it has no context dependency.

Theme key

theme.appbar