Ai Chat

This is a comprehensive chat application blueprint that actually handles the messy parts: persistence with UUID v7 IDs for chronological sorting, proper handling of AI SDK message parts including tools and reasoning, and background title generation that doesn't slow down the user experience. It assumes you've already set up the standard Next.js stack (auth, database, theming) and focuses purely on the chat-specific pieces. The workflow-based title generation is a nice touch, running after the main response completes. If you're building a production chat interface and want to avoid reinventing message storage patterns or chat management UI, this gives you the building blocks without the boilerplate.

Install to Claude Code

npx -y skills add andrelandgraf/fullstackrecipes --skill ai-chat --agent claude-code