AI Assistant

Self-hosted floating AI chat widget with streaming responses and persisted conversation history. Powered by Groq and the Vercel AI SDK — zero paid runtime dependency.

ai@ai-sdk/react@ai-sdk/groq@prisma/client@prisma/adapter-pgpgdotenvzustandzodprisma@types/pg

shadcn/uibuttontextareaskeletonbadgecard@ai-elements/conversation@ai-elements/message@ai-elements/shimmerauto-installed by CLI

Preview

Environment Variables

Add these to your .env before installing. The CLI runs Prisma generate and migrate using these values during install — add them first, or the install will fail partway through.

DATABASE_URLrequired
PostgreSQL connection string.
e.g. postgresql://user:pass@localhost:5432/mydb
GROQ_API_KEYrequired
Groq API key for LLM inference. Get a free key →
AI_SYSTEM_PROMPTrequired
System prompt shaping the assistant's behavior.
e.g. You are a helpful assistant for [AppName]...

Install via CLI

npx feature101@latest add ai

Usage

import { AskAI } from '@/features/ai'

<AskAI />

Postinstall Guides

01Visit /ai to see the floating widget and live store state in action
02Swap Groq for another provider (OpenAI, Gemini, etc.) or model by changing AI_MODEL in features/ai/ai.constants.ts — one line
03drop <AskAI /> anywhere — most commonly app/layout.tsx

Props

Prop	Type	Default	Description
`className`	`string`	—	Custom CSS classes for the widget container.

Payments

AI Assistant

Self-hosted floating AI chat widget with streaming responses and persisted conversation history. Powered by Groq and the Vercel AI SDK — zero paid runtime dependency.

ai@ai-sdk/react@ai-sdk/groq@prisma/client@prisma/adapter-pgpgdotenvzustandzodprisma@types/pg

shadcn/uibuttontextareaskeletonbadgecard@ai-elements/conversation@ai-elements/message@ai-elements/shimmerauto-installed by CLI

Preview

Environment Variables

Add these to your .env before installing. The CLI runs Prisma generate and migrate using these values during install — add them first, or the install will fail partway through.

DATABASE_URLrequired
PostgreSQL connection string.
e.g. postgresql://user:pass@localhost:5432/mydb
GROQ_API_KEYrequired
Groq API key for LLM inference. Get a free key →
AI_SYSTEM_PROMPTrequired
System prompt shaping the assistant's behavior.
e.g. You are a helpful assistant for [AppName]...

Install via CLI

npx feature101@latest add ai

Usage

import { AskAI } from '@/features/ai'

<AskAI />

Postinstall Guides

01Visit /ai to see the floating widget and live store state in action
02Swap Groq for another provider (OpenAI, Gemini, etc.) or model by changing AI_MODEL in features/ai/ai.constants.ts — one line
03drop <AskAI /> anywhere — most commonly app/layout.tsx

Props

Prop	Type	Default	Description
`className`	`string`	—	Custom CSS classes for the widget container.

Payments

AI Assistant

Command Palette

AI Assistant