Build agent UIs with @corbits/react-ui and find the reference apps (workbench, Solution Builder) that show everything wired together. Load when building a chat, run, or approval UI.
Install
npx skillscat add corbitsdev/corbits-code/corbits-ui-apps Install via the SkillsCat registry.
SKILL.md
Corbits UI and reference apps
@corbits/react-ui
Props in, markup out React components for agent products. They fetch nothing: you pass data from your hub client. Tailwind v4 theme. Stateful modules are marked "use client".
import "@corbits/react-ui/styles.css";
import { ThemeProvider, ChatThread } from "@corbits/react-ui";
<ThemeProvider>
<ChatThread messages={messages} identity={{ name: "Scout" }} />
</ThemeProvider>;- CSS: import
styles.cssonce (includes preflight), ortheme.cssif you already run Tailwind v4. Never both. Fonts are not bundled. Dark mode is the.darkclass. - Message parts are
{ type: "text" | "reasoning" | "tool", ... }. Roles areuser,agent, andsystem, and parts also includefile. A tool part carriestoolCallId,toolName,label,state,output. - Components: chat (
ChatThread,ChatComposer,ToolBlock,ReasoningBlock), runs (ApprovalCard,GateBlock,StepList,LiveRunBanner,TraceWaterfall), artifacts (ArtifactBody,CsvTable), charts, and layout shells. - Dialog, menu, tooltip, toast, and command palette live on subpaths (
ui/dialog,ui/menu, ...) because they need optional peers (Radix, sonner). - Needs React 18.2+ or 19.
Feed it from your own typed hub client (use_skill interchange-hub-setup; @intx/hub-client is private) and the hub libraries (use_skill corbits-hub-libs). For chat data, use_skill interchange-chat.
Reference apps (private, read them, do not depend on them)
- workbench (
corbitsdev/workbench): a multiplayer workspace for people and agents, built on Corbits.apps/hubcomposes every hub library (seeserver.tsandmigrate.ts),apps/webis the React client,apps/sidecaris the execution host. It pins older git SHAs of some libraries, so when a call differs from a library README, trust the README. Run with Bun plus Postgres 17 with pgvector:bun install, copy.env.example,bun run dev. - Solution Builder (
corbitsdev/corbits-solution-builder): a desktop app (Tauri over a local Bun host) that takes a problem to shipped software through nine human-gated stages, using Interchange as an embedded or remote hub. It is the reference client-driven app: the app owns first-run setup (owner account, tenants, grants, provider credentials, workflow assets, deploys) throughpackages/installerover a stock hub, andpackages/embed-hubruns that hub in process on pglite. Start there (use_skill interchange-hub-setup,use_skill interchange-embed-hub). Stage 8 (bounded build), delivery evidence, and signing are unfinished.solutions-builder-alphais an older snapshot.
Need more
- An app that sets up and drives its own hub:
use_skill interchange-client-apps. Hosting the hub:use_skill interchange-embed-hub. Chat and run status:use_skill interchange-chat. - Mounting the libraries the UI reads from:
use_skill corbits-hub-libs. - Catalog:
use_skill corbits.