SkillHub ClubShip Full StackFull StackFrontend

openai-chatkit-setup

DEPRECATED - Use chatkit-frontend skill instead. This skill has been consolidated into the chatkit-frontend skill for better organization.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars

Hot score

Updated

March 20, 2026

Overall rating

C2.0

Composite score

2.0

Best-practice grade

B81.2

Install command

npx @skill-hub/cli install maneeshanif-todo-spec-driven-openai-chatkit-setup

Repository

maneeshanif/todo-spec-driven

Skill path: .claude/skills/openai-chatkit-setup

DEPRECATED - Use chatkit-frontend skill instead. This skill has been consolidated into the chatkit-frontend skill for better organization.

Open repository

Best for

Primary workflow: Ship Full Stack.

Technical facets: Full Stack, Frontend.

Target audience: everyone.

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: maneeshanif.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

Install openai-chatkit-setup into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
Review https://github.com/maneeshanif/todo-spec-driven before adding openai-chatkit-setup to shared team environments
Use openai-chatkit-setup for development workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

Original source / Raw SKILL.md

---
name: openai-chatkit-setup
description: DEPRECATED - Use chatkit-frontend skill instead. This skill has been consolidated into the chatkit-frontend skill for better organization.
allowed-tools: Bash, Write, Read, Edit, Glob
deprecated: true
---

# OpenAI ChatKit Setup (DEPRECATED)

> **This skill has been deprecated and consolidated into `chatkit-frontend`.**
>
> Please use the `chatkit-frontend` skill instead for all ChatKit React frontend implementation.

## Migration

Use the consolidated skill:

```
.claude/skills/chatkit-frontend/SKILL.md
```

The `chatkit-frontend` skill includes:
- Complete ChatKit React setup with `@openai/chatkit-react`
- `useChatKit` hook configuration (api, theme, startScreen, events)
- Custom conversation sidebar integration
- Dark mode and theming support
- Widget integration patterns
- Migration guide from custom UI to ChatKit
- Comprehensive examples

## See Also

- [chatkit-frontend](../chatkit-frontend/SKILL.md) - **USE THIS INSTEAD**
- [chatkit-backend](../chatkit-backend/SKILL.md) - Backend SSE endpoint