TokElements

連携

TokElementsをClaudeやChatGPTに接続

TokElementsはTikTok LIVE向けのライブオーバーレイを作ります。ギフト、フォロー、サブスク、チャットなど、プラットフォームから届くあらゆるイベントに反応するサンドボックス化されたHTMLウィジェットを、OBSのブラウザソースひとつで表示します。このコネクターはそれをアシスタントから使えるようにするもの。ウィジェットを書く代わりに説明するだけで、配信に載る前に結果が動く様子を確認できます。

サーバーURL

ひとつのアドレスで両方のプラットフォームに対応。HTTPS上でModel Context Protocolを使い、OAuth 2.1で認証するため、あなた自身がTokElementsにサインインして明示的にアクセスを許可します。許可するまで、アシスタントと何も共有されません。

https://tokelements.com/api/mcp

できること

説明するだけでウィジェットを作成

アシスタントがhtml、css、jsを書き、あなたのアカウントにウィジェットを作成し、サンプルイベントに反応するライブプレビューを表示します。最初にSDKリファレンス全体を読むので、コードは架空のものではなく実際のトリガーを使います。

カタログから始める

公式テンプレートとコミュニティのテンプレートを閲覧し、編集可能な自分用コピーとしてインストールして、そこから変更できます。

オーバーレイに配置

今オーバーレイに何があるかを確認し、ウィジェットを配置、移動、サイズ変更、配信者設定の変更、取り外しができます。

必要なファイルをリクエスト

効果音や画像が必要なウィジェットには、あなた自身が開くアップロードリンクが届きます。アシスタントがファイルをアカウントに移すことはありません。依頼し、待ち、あなたの確認後に取り込みます。

アクセスできる範囲

接続がカバーするのは、許可したひとつのアカウントのウィジェット、オーバーレイ、アセットライブラリだけで、それ以外には及びません。権限はひとつだけで、あなたのアカウントの外には届きません。TikTokのパスワード（TokElementsはそもそも持っていません）、視聴者の個人データ、他の人のアカウント、公式カタログにはアクセスできません。

何かを変更するツールは実行前にそう伝え、破壊的なツールには破壊的であることが明示されます。そのため、アシスタントはウィジェットを削除した後ではなく、削除する前に確認できます。

Claudeで設定する

  1. Claudeで「設定」→「コネクター」を開き、「カスタムコネクターを追加」を選びます。
  2. サーバーURLとしてhttps://tokelements.com/api/mcpを貼り付けます。
  3. ClaudeがTokElementsのサインイン画面を開き、許可する権限を確認します。承認すると、会話でツールが使えるようになります。

ChatGPTで設定する

  1. ChatGPTで「設定」→「コネクター」（または「アプリ」）を開き、コネクターを追加します。
  2. MCPサーバーURLとしてhttps://tokelements.com/api/mcpを貼り付けます。
  3. 求められたらTokElementsでサインインします。ウィジェットの結果はその場で表示され、サンプルイベントに反応するプレビューを見られます。

アシスタントなしで

スタジオで発行する個人トークンを使えば、同じツールを自分のスクリプトからも使えます。ウィジェットSDKの完全なドキュメントは/docsにあります。製品の機械可読な概要は/llms.txtと/llms-full.txtにあります。

サポート

ご質問や、コネクターの想定外の動作は[email protected]まで。保存する情報とその理由はプライバシーポリシーに、契約内容は利用規約に記載しています。