TokElements について
TokElementsは、OBS、Streamlabs、TikTok LIVE Studioを使う配信者向けに、TikTok LIVEのオーバーレイやウィジェットを作成します。説明文からアシスタントに生成させたり、HTML、CSS、JavaScriptで編集したりでき、ライブイベントに連動します。
主な機能
- 01アシスタントによるウィジェット作成
- 02HTML、CSS、JavaScriptでの編集
- 03ライブイベント連動のオーバーレイ
- 04単一のブラウザーソースで表示
活用シーン
- 01TikTok LIVEのアラートやカウンターの作成
- 02視聴者参加型ゲームやランキングの表示
- 03配信画面での楽曲とリクエスト表示
MCP 対応
連携ページでは、ClaudeまたはChatGPTからウィジェットを作成するMCPサーバーが案内されています。READMEには利用可能なMCPツールの説明はありません。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://tokelements.com/api/mcpclaude mcp add --transport http tokelements https://tokelements.com/api/mcp{"mcpServers":{"tokelements":{"type":"http","url":"https://tokelements.com/api/mcp"}}}Cursor で開く{"servers":{"tokelements":{"type":"http","url":"https://tokelements.com/api/mcp"}}}VS Code で開く{"mcpServers":{"tokelements":{"type":"http","url":"https://tokelements.com/api/mcp"}}}{"mcpServers":{"tokelements":{"serverUrl":"https://tokelements.com/api/mcp"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
詳細
TokElements
TikTok 向けライブ配信ツールで第 1 位の TokElements の公式 GitHub アカウントです。
TikTok LIVE 用のオーバーレイやウィジェットを作成し、リンク 1 つで OBS に追加できます。
TokElements とは
TokElements を使うと、TikTok LIVE の配信を OBS 用のオーバーレイにできます。ギフト、いいね、フォロー、シェア、チャットがライブイベントとして届き、画面に表示するアラート、目標、ランキング、カウンター、ゲーム、再生中の曲などを動かします。オーバーレイ全体が 1 つのブラウザーソースなので、OBS、Streamlabs、TikTok LIVE Studio でのセットアップは一度貼り付けるだけです。
ウィジェットは標準的な HTML、CSS、JavaScript で作られています。カタログから選んでどの行でも編集したり、ゼロから独自のものを書いたり、一文で説明してアシスタントに作成させたりできます。TikTok のパスワードを渡す必要はありません。TokElements は、ユーザー名を使って公開中の LIVE のイベントを読み取ります。
ここにあるもの
自分がログインしているソフトウェアのみを使う必要があるため、配信者自身のマシンで動かすツールが必要になることがあります。このアカウントにあるのは、そうしたツールです。各ツールはユーザースクリプトマネージャーを通じて配信者のブラウザー上で動作し、すでにログイン済みのセッションを利用します。接続先サービスのパスワードを求めることはありません。
| ツール | 機能 |
|---|---|
| tokelements-spotify | Spotify の曲を TikTok LIVE のオーバーレイに表示し、視聴者からのリクエスト曲をキューに追加します |
| tokelements-soundcloud | SoundCloud の曲をオーバーレイに表示し、視聴者からのリクエスト曲を「次に再生」に追加します |
どちらも MIT ライセンスで、コード全体を確認できます。ブラウザーで動作して音楽アカウントに接続するスクリプトなら、インストール前に確認できるべきです。
リンク
- 製品 — tokelements.com
- TikTok LIVE Studio 用オーバーレイ — tokelements.com/tiktok-live-studio
- OBS 用 TikTok LIVE オーバーレイ — tokelements.com/tiktok-overlay
- TikFinity からの乗り換え — tokelements.com/tikfinity-alternative
- MCP サーバー：Claude または ChatGPT からウィジェットを作成 — tokelements.com/integrations
- ウィジェットのドキュメント — tokelements.com/docs
- クリエイターが公開したウィジェットキット — tokelements.com/kits
- 料金 — tokelements.com/#pricing
- Discord — コミュニティ、サポート、今後のリリース情報
連携してほしいサービスがありますか？該当するリポジトリに Issue を作成してお知らせください。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。