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.

skills.sh installs
156
GitHub stars
23
last updated
Aug 21, 2026

Install

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

Installs into .claude/skills of the current project.

Files

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.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/andrelandgraf/fullstackrecipes
Categories
Backend & APIs, DevOps & CI/CD, AI & Agent Building, Databases
First seen
Jun 3, 2026

More from andrelandgraf/fullstackrecipes

All 14
1bobmatnyc avatarneon-serverless-postgresbobmatnyc/claude-mpm-skillsNeon serverless Postgres with autoscaling, instant database branching, and zero-downtime deployments. Use when building serverless applications, implementing da156skills.sh installs
2tuziapi avatartuzi-danger-x-to-markdowntuziapi/tuzi-skills将 X (Twitter) 推文和文章转换为带 YAML front matter 的 Markdown。使用逆向工程 API,需要用户同意。当用户提到"X转markdown"、"保存推文"、或提供 x.com/twitter.com 链接时使用。156skills.sh installs
3awslabs avataraws-serverless-deploymentawslabs/agent-pluginsAWS SAM and AWS CDK deployment for serverless applications. Triggers on phrases like: use SAM, SAM template, SAM init, SAM deploy, CDK serverless, CDK Lambda co154skills.sh installs
4solar-luna avatarxiaohongshu-publishersolar-luna/fully-automatic-article-generation-skill自动发布内容到小红书平台。支持将文章转换为小红书格式(≤1000字,emoji风格)并通过API直接发布。当用户说"发布到小红书"、"推送到小红书"、"小红书发布"时使用此Skill。151skills.sh installs
5feiskyer avatargpt-image-skillfeiskyer/claude-code-settingsGenerate or edit images using OpenAI GPT Image API (gpt-image-2, gpt-image-1, etc). Triggers: "gpt image", "openai image", "generate image with openai", "draw i150skills.sh installs
6hoodini avataraws-agentcorehoodini/ai-agents-skillsBuild AI agents with AWS Bedrock AgentCore. Use when developing agents on AWS infrastructure, creating tool-use patterns, implementing agent orchestration, or i148skills.sh installs