@personna/gen-ui

A React component library and chat server SDK built on top of shadcn/ui for building AI-powered applications.

Features

🎨 Pre-built React Components - Complete UI component library based on shadcn/ui
🤖 AI Chat SDK - Full-featured chat server with multiple AI provider support
⚡ TypeScript Support - Full TypeScript support with proper type definitions
🔧 Modular Architecture - Use only what you need - client, server, or both
🌐 Multiple AI Providers - Support for OpenAI, Anthropic, and more
📱 Mobile Ready - Responsive components that work across all devices

Installation

npm install @personna/gen-ui

Quick Start

Client-side Components

import { Chat, ChatProvider } from '@personna/gen-ui/client';

function App() {
  return (
    <ChatProvider>
      <Chat />
    </ChatProvider>
  );
}

Server-side SDK

import { ChatEngine, AnthropicProvider } from '@personna/gen-ui/server';

const engine = new ChatEngine({
  provider: new AnthropicProvider({
    apiKey: process.env.ANTHROPIC_API_KEY
  })
});

app.post('/api/chat', async (req, res) => {
  const response = await engine.processMessage(req.body.message);
  res.json(response);
});

Available Exports

Client (@personna/gen-ui/client)

• React components for chat interfaces
• UI components (buttons, inputs, cards, etc.)
• Hooks for chat functionality
• TypeScript types

Server (@personna/gen-ui/server)

• Chat engine and agent system
• AI provider integrations (OpenAI, Anthropic)
• Database adapters (MongoDB)
• Storage solutions (S3)
• MCP (Model Context Protocol) support
• Workflow management
• Tool registry

Documentation

For detailed documentation, examples, and API reference, visit our documentation site.

Key Components

• Chat Components: Full-featured chat UI with message rendering, file uploads, and typing indicators
• AI Agents: Extensible agent system for building complex AI workflows
• Provider System: Pluggable AI provider architecture
• Storage: File and data storage abstractions
• MCP Integration: Model Context Protocol for enhanced AI capabilities

Requirements

• React 18+
• Node.js 16+
• TypeScript 4.5+ (recommended)

License

MIT

Contributing

Contributions are welcome! Please read our contributing guidelines and submit pull requests to our GitHub repository.

Author

Built by Vishu Saxena - Data Scientist & AI Engineer

Building enterprise-ready AI interfaces with React and TypeScript.