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
更新於 1/10/2026
星標
2
分支
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.

安裝
$ install --globalskills.sh
使用

安裝後,您可以通過在終端運行以下命令來使用此技能:

skills use openai-chatkit-frontend-embed