chatkit-js
✓Integrate OpenAI ChatKit React components into Next.js applications. Covers custom API backend configuration, theming, widget embedding, conversation history, and authentication integration.
SKILL.md
Integrate OpenAI ChatKit UI components into Next.js applications with custom backend support.
| Basic Setup | reference/basic-setup.md | | Custom API | reference/custom-api.md | | Theming | reference/theming.md |
| templates/ChatWidget.tsx | ChatKit widget component | | templates/ChatPage.tsx | Full chat page layout |
Integrate OpenAI ChatKit React components into Next.js applications. Covers custom API backend configuration, theming, widget embedding, conversation history, and authentication integration. Source: naimalarain13/hackathon-ii_the-evolution-of-todo.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo --skill chatkit-js- Category
- >_Productivity
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is chatkit-js?
Integrate OpenAI ChatKit React components into Next.js applications. Covers custom API backend configuration, theming, widget embedding, conversation history, and authentication integration. Source: naimalarain13/hackathon-ii_the-evolution-of-todo.
How do I install chatkit-js?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo --skill chatkit-js Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/naimalarain13/hackathon-ii_the-evolution-of-todo
Details
- Category
- >_Productivity
- Source
- skills.sh
- First Seen
- 2026-02-01