mcpField
T
TokElements

TokElements

已认证精选远程服务
tokelements.com媒体与设计04 周前更新
文档代码仓库访问官网

关于 TokElements

TokElements 为使用 OBS、Streamlabs 或 TikTok LIVE Studio 的主播制作 TikTok LIVE 叠加层和组件。组件可通过描述交由助手生成，也可用 HTML、CSS 和 JavaScript 编辑，并由直播事件驱动。

主要功能

  1. 01由助手生成组件
  2. 02编辑 HTML、CSS 和 JavaScript
  3. 03由直播事件驱动叠加层
  4. 04单一浏览器源承载叠加层

适用场景

  1. 01为 TikTok LIVE 制作提醒和计数器
  2. 02在直播中展示观众互动游戏或排行榜
  3. 03在直播画面展示音乐和点歌请求

MCP 相关

集成页面提及可从 Claude 或 ChatGPT 构建组件的 MCP 服务。README 未说明其可用 MCP 工具。

#tiktok#tiktok-live#obs#overlay#streaming#widgets#live-streaming#ai#oauth

配置

远程服务无需本地安装。选择你使用的客户端，复制配置或使用一键安装。

服务地址https://tokelements.com/api/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行；JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

TokElements

TokElements 的官方 GitHub 账号——TikTok 直播工具排名第一。
为你的 TikTok LIVE 创建叠加层和小组件，只需一个链接即可将它们添加到 OBS。

tokelements.com 文档 小组件套件

TokElements 是什么

TokElements 可将 TikTok LIVE 直播转化为 OBS 叠加层。礼物、点赞、关注、分享和聊天会以实时事件的形式传入，并驱动屏幕上的各种内容：提醒、目标、排行榜、计数器、游戏、正在播放的内容。整个叠加层都是单个浏览器源，因此只需粘贴一次，就能在 OBS、Streamlabs 或 TikTok LIVE Studio 中完成设置。

小组件采用纯 HTML、CSS 和 JavaScript。你可以从目录中选择，也可以编辑其中任意一行、从头编写，或者用一句话描述需求，让助手为你创建。无需交出 TikTok 密码：TokElements 会根据用户名读取你公开直播中的事件。

在 tokelements.com 免费开始

这里有哪些内容

有些主播需要的功能需要在自己的设备上运行，因为它们涉及只有主播本人登录的软件。本账号中的工具就是为此而设。每个工具都通过用户脚本管理器在主播的浏览器中运行，使用现有登录会话，并且绝不会索要相关服务的密码。

工具功能
tokelements-spotify将你的 Spotify 曲目显示在 TikTok LIVE 叠加层上，并将观众点播的歌曲加入你的队列
tokelements-soundcloud将你的 SoundCloud 曲目显示在叠加层上，并将观众点播的歌曲加入“接下来播放”

两者都采用 MIT 许可证，代码完全公开可读——在浏览器中运行并连接音乐账号的脚本，理应让你在安装前能够检查。

链接

想要连接某项特定服务？请在最相关的仓库中提交 issue 说明。

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。