Does the UI support markdown and code syntax highlighting?

Yes, the skill creates specialized components for Markdown rendering and code blocks to ensure a high-quality developer and user experience.

Can I extend the chat with custom tools?

Yes, the architecture includes specific comment slots in the API routes designed for downstream skills like 'ai-tools' to register custom functions and tool-sets.

Does this skill handle user authentication?

It depends on the 'auth' skill. It uses a 'withAuth' wrapper to ensure chat sessions are private and mapped to specific authenticated users.

What database does the AI Chat skill require?

The skill is designed to work with PostgreSQL using Drizzle ORM. It automatically generates schemas for chat sessions and message history.

AI Chat Framework

Name: AI Chat Framework
Author: mattwoodco

bymattwoodco

•

API 개발

Deploys a streaming chat interface with PostgreSQL persistence, session management, and an extensible architecture for AI agents.

The AI Chat skill provides a production-ready communication layer for Next.js applications, enabling real-time streaming interactions via the Vercel AI SDK. It automates the setup of complex chat infrastructure, including database schemas for session persistence with Drizzle ORM, secure API routes, and a full suite of shadcn/ui components. Built with extensibility in mind, the skill features a unique 'slot' architecture that allows downstream capabilities like tool-calling, reasoning models, and generative UI to be integrated into the chat flow without modifying the core logic.

주요 기능

01Modular architecture with insertion slots for tools, memory, and reasoning extensions.

02Real-time streaming responses via Vercel AI SDK and getModel() integration.

033 GitHub stars

04Persistent chat history and session management using PostgreSQL and Drizzle ORM.

05Secure-by-default endpoints with built-in authentication guards and user-specific routing.

06Full-stack UI kit including responsive sidebars, markdown rendering, and code blocks.

사용 사례

01Integrating a persistent AI assistant into an existing Next.js SaaS platform.

02Creating a foundational chat hub for complex AI agents that require tool-calling capabilities.

03Building a custom LLM interface with long-term memory and session history.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mattwoodco/skills ai-chat

For use in Claude.ai and ChatGPT