mcpField
A
ai-chat

ai-chat

github.com/andrelandgrafDevelopment23156 installsUpdated 22w ago
Repository

About ai-chat

A recipe skill for building a persistent AI chat application with conversation management and automatic title generation. It guides developers through the required app setup and an ordered set of implementation recipes.

Key features

  1. 01Neon Postgres chat persistence
  2. 02Search, rename, and delete chats
  3. 03Background title generation
  4. 04Support for message parts, tools, and reasoning

Use cases

  1. 01Building an AI chat app with saved conversations
  2. 02Adding searchable chat history and management
  3. 03Generating titles from a conversation's first message

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill ai-chat

After installing, type/ai-chatin Claude Code to confirm it loaded.

Details

From the project README

AI Chat

Build a complete AI chat application with database persistence, chat list management, and automatic title generation.

Prerequisites

Complete these recipes first (in order):

Type-Safe Environment Configuration with better-env

Use better-env config modules for type-safe server/public env access, feature flags, and either-or credential constraints.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/config-schema-setup
Neon + Drizzle Setup

Connect a Next.js app to Neon Postgres using Drizzle ORM with optimized connection pooling for Vercel serverless functions.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/neon-drizzle-setup
Next.js on Vercel

Create a Next.js app running on Bun, configure the development environment, and deploy to Vercel with automatic deployments on push.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/nextjs-on-vercel
Shadcn UI & Theming

Add Shadcn UI components with dark mode support using next-themes. Includes theme provider and CSS variables configuration.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/shadcn-ui-setup
Authentication

Complete authentication system with Better Auth, email verification, password reset, protected routes, and account management.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/authentication
URL State with nuqs

Sync React state to URL query parameters for shareable filters, search queries, and deep links to modal dialogs. Preserves UI state on browser back/forward navigation.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/nuqs-setup
Pino Logging Setup

Configure structured logging with Pino. Outputs human-readable colorized logs in development and structured JSON in production for log aggregation services.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/pino-logging-setup
Workflow Development Kit Setup

Install and configure the Workflow Development Kit for resumable, durable AI agent workflows with step-level persistence, stream resumption, and agent orchestration.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/workflow-setup

Cookbook - Complete These Recipes in Order

AI Chat Persistence with Neon

Persist AI chat conversations to Neon Postgres with full support for AI SDK message parts including tools, reasoning, and streaming. Uses UUID v7 for chronologically-sortable IDs.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/ai-chat-persistence
Chat List & Management

Build a chat list page with search, rename, and delete functionality. Uses nuqs for URL-synced filters and deep-linkable modal dialogs.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/chat-list
Automatic Chat Naming

Generate descriptive chat titles from the first message using a fast LLM. Runs as a background workflow step after the main response to avoid delaying the experience.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/chat-naming

Comments

Markdown supported