better-chatbot Patterns — portable chatbot implementation patterns from the better-chatbot project
Reusable AI chatbot implementation patterns extracted from the better-chatbot project: server action validators, tool abstraction systems, multi-AI provider setup, workflow execution, and state management conventions — portable templates for any project
- What
- Reusable AI chatbot implementation patterns extracted from the better-chatbot project: server action validators, tool abstraction systems, multi-AI provider setup, workflow execution, and state management conventions — portable templates for any project
- Cost
- Free
- Needs
- a Next.js (App Router) project with the Vercel AI SDK — TypeScript with Zod and Zustand for the full patterns; a model provider key (OpenAI, Anthropic, Google, etc.)
- Install
- Copy the installer prompt below into your Muse — your agent does the rest.
Curated by Skill Harbor — @jackspace's better-chatbot-patterns skill, listed here with credit to its creator (patterns authored by Jeremy Dawes / Jezweb, extracted from the open-source better-chatbot platform at github.com/cgoinglove/better-chatbot): portable, reusable implementation patterns for building AI chatbots in your own projects — not for contributing to better-chatbot itself. It ships 5 pattern families: server action validators (auth, validation, FormData handling with Zod), tool abstraction systems (multi-type tool handling: MCP, Workflow, Default), multi-AI provider setup (OpenAI, Anthropic, Google, xAI, Ollama, OpenRouter), workflow execution patterns, and state management conventions — each with problem statement, solution code templates, and adaptation notes. Honest caveats: the patterns were extracted from a specific project and stack (Next.js 15, Vercel AI SDK 5, Zod 3.24, Zustand 5) — adaptation to other stacks is on you; last verified 2025-10-29, so check current library versions. MIT licensed. Skill Harbor never reviews the code, review it yourself before use. Discovered via skills.sh.
Version:
Install
Prerequisites: a Next.js (App Router) project with the Vercel AI SDK — TypeScript with Zod and Zustand for the full patterns; a model provider key (OpenAI, Anthropic, Google, etc.) Install "better-chatbot Patterns — portable chatbot implementation patterns from the better-chatbot project" for me. It gives my agent @jackspace's portable chatbot patterns (authored by Jeremy Dawes / Jezweb): server action validators with auth and FormData handling, a tool abstraction system for multi-type tools (MCP, Workflow, Default), multi-AI provider setup, workflow execution patterns, and state management conventions — each as an adaptable code template. MIT licensed. Repository: https://github.com/jackspace/claudeskillz/blob/main/skills/better-chatbot-patterns/SKILL.md 1. Fetch the SKILL.md file (and any helper files) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "better-chatbot-patterns". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. confirm my stack matches the patterns' assumptions — Next.js 15, AI SDK v5, Zod, Zustand; adapt templates to my project; set my provider keys in the vault). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me.
Questions
How do I install a build?
Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you — no manual configuration.
Where does my money go?
Straight to the seller. Skill Harbor never processes payments: checkout happens on the seller’s own page, usually Stripe.
What does the ✓ next to a creator’s name mean?
It means we confirmed the identity of the person behind the listing. It says nothing about the code itself — always check a build before installing it.