reaviz

reaviz/skills

Skill Claude CodeCodex

Form field wrapper with label, hint text, error state, required indicator, and horizontal/vertical layout. Use to wrap any form input.

reaviz/skills

Skill Claude CodeCodex

Structured list display with items, headers, adornments, and interactive states. Composed of List, ListItem, and ListHeader.

reaviz/skills

Skill Claude CodeCodex

Animation wrapper components using Framer Motion for staggered group animations. Provides MotionGroup (parent) and MotionItem (child) with pre-configured variants.

reaviz/skills

Skill Claude CodeCodex

Multi-step progress indicator with dot or numbered markers, optional labels, and animated appearance. Composed of Stepper and Step.

reaviz/skills

Skill Claude CodeCodex

Tabbed content navigation with animated selection indicator. Composed of Tabs, TabList, Tab, and TabPanel. Supports controlled and uncontrolled modes.

reaviz/skills

Skill Claude CodeCodex

Hierarchical tree view with expandable/collapsible nodes, custom icons, and animated transitions. Composed of Tree and TreeNode. Uses Collapse for expand/collapse animation.

reaviz/skills

Skill Claude CodeCodex

Themed text components for headings, paragraphs, and semantic text styles. All share a single TypographyTheme and follow the same pattern: thin forwardRef wrappers that render a semantic HTML element with themed classes merged via cn().

reaviz/skills

Skill Claude CodeCodex

Use when the user asks to set up, install, or migrate to the Unify Theme for reablocks — a production-ready theme pack built on a three-level design-token system (primitives → semantic → Tailwind utilities) synced with the Unify Figma library. Covers the single-file themeUnify.ts TypeScript download, the Reablocks…

reaviz/skills

Skill Claude CodeCodex

Use when building chat / LLM UIs in React with the reachat component library (Chat, ChatInput, SessionsList, SessionMessages, ChatBubble, AppBar, Markdown rendering with code highlighting, RichTextInput with @mentions and /commands, MessageStatus, ComponentCatalog for LLM-driven dynamic components, useAgUi for ag-ui…

reaviz/skills

Skill Claude CodeCodex

React hook that connects an AG-UI protocol agent endpoint to reachat. Returns the props needed by plus session helpers, and streams responses via SSE (text/event-stream).

reaviz/skills

Skill Claude CodeCodex

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

reaviz/skills

Skill Claude CodeCodex

System for letting an LLM render custom React components by emitting fenced code blocks with JSON specs. The catalog ships a remark plugin, a override, and a system-prompt generator — all wired through .