Installation

Prerequisites

Before installing, ensure you have the following:

  • Node.js version 18 or later
  • React version 19 or later
  • Next.js version 14 or later (recommended)

Install shadcn/ui

First, you'll need to install and configure shadcn/ui in your project. Follow the installation guide at shadcn/ui documentation.

Installing Components

agents-ui-kit extends prompt-kit with additional components. You can install components from both libraries using the shadcn CLI.

Installing prompt-kit Components

For base AI interface components (chat, messages, code blocks, etc.):

Installing agents-ui Components

For agent-specific components (agent cards, memory bank, etc.):

Example Installation

Here's how to install commonly used components:

Usage

After installation, import and use the components in your project:

Project Structure

Components will be installed in the following structure:

components/
├── ui/              # shadcn/ui base components
├── prompt-kit/      # AI interface components
└── agents-ui/       # Agent-specific components

TypeScript Configuration

Ensure your tsconfig.json includes the proper path aliases:

Next Steps

  1. Browse the component documentation to see all available components
  2. Check out the Agent Card component for building agent interfaces
  3. Explore the Memory Bank system for advanced state management
  4. Join our community for support and updates
IntroductionModel Context Protocol