@ai-chat-ui/cli

CLI tool for setting up AI Chat UI projects with shadcn/ui integration.

Installation

You can use the CLI without installation via npx:

npx @ai-chat-ui/cli create my-app
# or
npx @ai-chat-ui/cli init

Or install it globally:

npm install -g @ai-chat-ui/cli
# or
pnpm add -g @ai-chat-ui/cli
# or
yarn global add @ai-chat-ui/cli

Commands

create

Create a new AI Chat UI project with everything pre-configured.

npx @ai-chat-ui/cli create my-app

If you don't provide a project name, you'll be prompted for one:

npx @ai-chat-ui/cli create

This command will:

1. Prompt for a project name (if not provided)
2. Create a new Next.js app with the AI Chat UI starter template
3. Install all required dependencies
4. Set up Tailwind CSS and shadcn/ui components
5. Configure everything needed to start building your AI chat interface

What's Included:

• ✅ Next.js 15 with App Router
• ✅ TypeScript configured
• ✅ Tailwind CSS v4
• ✅ shadcn/ui components pre-installed
• ✅ AI Chat UI components (@assistant-ui/react)
• ✅ Example chat interface
• ✅ API route for chat functionality

Prerequisites:

• Node.js 18+ installed
• npm, pnpm, or yarn

init

Initialize shadcn/ui in an existing React project.

npx @ai-chat-ui/cli init

This command will:

1. Check if you're in a valid project directory (with package.json)
2. Detect your package manager (npm, pnpm, or yarn)
3. Check for React in your dependencies
4. Run shadcn/ui init to set up Tailwind CSS and shadcn/ui components

Prerequisites:

• A React project (Next.js, Vite, or Create React App)
• Node.js 18+ installed

Usage Example

# Navigate to your existing React project
cd my-react-app

# Initialize shadcn/ui
npx @ai-chat-ui/cli init

# After initialization, add shadcn/ui components
npx shadcn@latest add button
npx shadcn@latest add dialog
npx shadcn@latest add resizable

What's Next?

After running init, you can:

• Add shadcn/ui components using npx shadcn@latest add <component-name>
• Build your AI chat interface with pre-styled components
• Customize components in the components/ui directory

Learn More

• shadcn/ui Documentation
• AI Chat UI Documentation

License

MIT