home/categories/productivity-tools/syedaashnaghazanfar-todo-app-claude-skills-openai-chatkit-frontend-embed-skill-skill-md
productivity-toolstools

openai-chatkit-frontend-embed

Integrate and embed OpenAI ChatKit UI into TypeScript/JavaScript frontends (Next.js, React, or vanilla) using either hosted workflows or a custom backend (e.g. Python with the Agents SDK). Use this Skill whenever the user wants to add a ChatKit chat UI to a website or app, configure api.url, auth, domain keys, uploadStrategy, or debug blank/buggy ChatKit widgets.

Syedaashnaghazanfar
maintainer
Syedaashnaghazanfar
Updated 1/10/2026
Stars
2
Forks
0
quick start

Installation and usage

Integrate and embed OpenAI ChatKit UI into TypeScript/JavaScript frontends (Next.js, React, or vanilla) using either hosted workflows or a custom backend (e.g. Python with the Agents SDK). Use this Skill whenever the user wants to add a ChatKit chat UI to a website or app, configure api.url, auth, domain keys, uploadStrategy, or debug blank/buggy ChatKit widgets.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use openai-chatkit-frontend-embed