# ChatKit Backend Adapter

> Modify OpenAI ChatKit starter to use FastAPI backend instead of OpenAI API, including citation support and error handling.

- Skill: `majiayu000/chatkit-backend-adapter` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/chatkit-backend-adapter`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/chatkit-backend-adapter/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Research & Search
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/chatkit-backend-adapter

---


# ChatKit Backend Adapter

## Instructions

1. Replace OpenAI ChatKit client with custom backend calls:
   - Modify API calls to fetch from /chat endpoint instead of OpenAI
   - Update authentication and headers
   - Handle response format differences
   - Maintain ChatKit component compatibility

2. Add citation support to UI:
   - Display source information from backend
   - Format citations properly in messages
   - Link citations to original sources
   - Handle citation styling consistently

3. Implement proper error and loading states:
   - Handle backend API errors gracefully
   - Show loading indicators during requests
   - Display error messages to users
   - Implement retry functionality

4. Maintain ChatKit internal states:
   - Preserve existing component architecture
   - Update state management for new backend
   - Handle message history properly
   - Maintain conversation flow

5. Follow Context7 MCP documentation:
   - Do not call OpenAI API for inference
   - Follow deterministic UI patch patterns
   - Include proper error handling
   - Maintain ChatKit component compatibility

## Examples

Input: "Adapt ChatKit to use custom backend"
Output: Patches ChatKit frontend files to replace OpenAI API calls with custom backend endpoints.