Subframe Motion

Name: Subframe Motion
Author: subframe.com

作者：subframe.com版本 1.0.0i★ –i在云端运行

注册名称com.subframe/motion

安装方法

What it does

Open-source React animations, Motion components and WebGL shaders.

Connects 在云端运行
Account or key No key needed
Category 其他

为什么排在这里

此项在“连接 AI 的应用”标签中，该标签不使用星标，按以下顺序排列

1. 在 Claude 连接器目录中	是	目录热度 11,059
2. 团队实测过	否
3. 适合泰国用户	否
4. 不计星标的使用量	20/100	热度 0 · 新鲜度 12 · 仍在响应 8
5. 登记日期	2026-11-13

质量: 基础检查通过 2/3 项（仅展示，不用于排序）

我们检查什么 → · JSON 检查结果

安装

选择你使用的 AI 应用，然后复制设置。

通过 2/3 项检查 · 你的提问会经过开发者的服务器（mcp.subframe.com） · ✓ 命令已检查 2026年11月14日

第一步：你用哪个 AI？

Claude网页 · 应用 · 手机ChatGPT网页Claude Code终端Cursor代码编辑器VS Code代码编辑器其他其他应用

选择你用的应用，步骤会显示在下方。

在 Claude 应用里直接安装，无需自己设置

Subframe 已在 Claude 精选的列表中，点击下方按钮即可添加 · 检查于 2026年11月16日

在 Claude 中打开 Subframe 页面
在 Claude 中打开 Subframe
在 claude.ai 打开 · 未登录时页面会先显示“Sign in to add”
点击“Connect to Claude”，如有提示请登录 Subframe 账户
如果出现“Failed to add the connector”，请稍等后再试，或使用下面的其他方式
试一试
用 Subframe Motion 告诉我你能帮我做什么，然后做一件给我看
✓ 如果 Claude 说正在使用 Subframe Motion，或回答中出现 Subframe Motion 的工具名称，就表示连接成功

链接打不开？改用菜单

打开网页版 Claude (claude.ai) 或 Claude Desktop 应用
点击左侧栏的“Customize”
Customize
选择“Connectors”标签，然后点击 Connectors 旁边的“+”按钮
CustomizeConnectors+
在搜索框输入“Subframe”或在列表中查找，然后点击它
点击“Connect”（有些显示为“Install”）
如有提示，登录该服务的账户
在对话中启用：点击对话框左下角的“+” → “Connectors” → 打开 Subframe 的开关

菜单名称为英文，与 Claude 界面一致

菜单名称已于 2026年11月13日对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同

其他方式：自己用地址添加（custom connector）

可连接 Claude · 约 2 分钟

不需要密钥，不用安装程序 · 在 claude.ai 或桌面应用设置一次，即可在聊天中使用 · 免费账户可添加 1 个 · Team/Enterprise 方案由所有者（Owner）添加

打开 Claude 的 Connectors 页面
CustomizeConnectors
已完成
点击“Add” → “Custom” → “Web”，填写这 2 项
把这里的内容复制到 Claude 中同名的输入框，然后点击 Continue
Name · 名称Subframe Motion
Remote MCP server URL · 地址https://mcp.subframe.com/motion/mcp
在 Claude 检测到的登录设置页点击 Continue · Authentication 按作者说明选择（Sign in now、Sign in when needed 或 No sign in），然后点击 Add
已完成
在聊天中开启
+ConnectorsSubframe Motion
已完成
试一试
用 Subframe Motion 告诉我你能帮我做什么，然后做一件给我看
✓ 如果 Claude 说正在使用 Subframe Motion，或回答中出现 Subframe Motion 的工具名称，就表示连接成功

菜单名称已于 2026年11月11日对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同

能否连接 ChatGPT 取决于方案

完整 MCP：网页版 ChatGPT Business、Enterprise 或 Edu · Pro：以读取/获取权限连接，修改数据的工具可能用不了 · Plus：官方文档尚未确认，如果在插件页看到添加自定义 MCP 的选项可以试试 · 仅限网页

在网页版 ChatGPT 打开添加 MCP 的页面
Plugins+Add custom MCP server
已完成
填写名称和地址
输入名称，在 Connection 下粘贴地址，勾选风险提示，然后点击 Create as a plugin
Name · 名称Subframe Motion
Connection · 地址https://mcp.subframe.com/motion/mcp
已完成
在聊天中选择 Subframe Motion
开启新聊天，输入前先从插件列表中选择 Subframe Motion
已完成
试一试
用 Subframe Motion 告诉我你能帮我做什么，然后做一件给我看
✓ 如果 ChatGPT 说正在使用 Subframe Motion，或回答中出现 Subframe Motion 的工具名称，就表示连接成功

菜单名称已于 2026年11月11日对照 OpenAI 帮助页面核实 · 你的界面可能因版本略有不同

可连接 Claude Code · 约 2 分钟

不需要密钥，不用安装程序

打开终端
Mac：按 Command+空格，输入 Terminal · Windows：打开 PowerShell
已完成

粘贴这条命令并按 Enter

claude mcp add --transport http --scope user motion https://mcp.subframe.com/motion/mcp

已完成

在 Claude Code 中输入 /mcp
应能看到 Subframe Motion 在列表中并显示已连接
已完成
试一试
用 Subframe Motion 告诉我你能帮我做什么，然后做一件给我看
✓ 如果 Claude Code 说正在使用 Subframe Motion，或回答中出现 Subframe Motion 的工具名称，就表示连接成功

菜单名称已于 2026年11月11日对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同

可连接 Cursor · 约 2 分钟

不需要密钥，不用安装程序

点击这个按钮打开 Cursor
在 Cursor 中打开
Cursor 会请你确认安装，点击 Install
已完成
在 Cursor 中以 Agent 模式打开 AI 聊天
已完成
试一试
用 Subframe Motion 告诉我你能帮我做什么，然后做一件给我看
✓ 如果 Cursor 说正在使用 Subframe Motion，或回答中出现 Subframe Motion 的工具名称，就表示连接成功

菜单名称已于 2026年11月11日对照 Cursor 帮助页面核实 · 你的界面可能因版本略有不同

可连接 VS Code · 约 2 分钟

不需要密钥，不用安装程序

点击这个按钮打开 VS Code
在 VS Code 中打开
VS Code 会请你确认安装，点击 Install
已完成
在 VS Code 中以 Agent 模式打开 AI 聊天
已完成
试一试
用 Subframe Motion 告诉我你能帮我做什么，然后做一件给我看
✓ 如果 VS Code 说正在使用 Subframe Motion，或回答中出现 Subframe Motion 的工具名称，就表示连接成功

菜单名称已于 2026年11月11日对照 VS Code 帮助页面核实 · 你的界面可能因版本略有不同

其他支持 MCP 的应用（如 Windsurf、Zed、Gemini CLI）添加方式各不相同，请在应用列表中查看

查看所有支持 MCP 的应用 →

通过网页连接的应用使用的地址

地址https://mcp.subframe.com/motion/mcp

JSON 设置在下方“开发者专用”中

卡住了？问问正在用 Subframe Motion 的人💬 讨论 →

开发者专用：终端命令和 JSON 设置

通过网页连接

Claude Code

claude mcp add --transport http --scope user motion https://mcp.subframe.com/motion/mcp

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "motion": {
      "url": "https://mcp.subframe.com/motion/mcp"
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "motion": {
      "type": "http",
      "url": "https://mcp.subframe.com/motion/mcp"
    }
  }
}

这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同，请以 README 为准。

一览

GitHub 星标 i: –
每周下载量i: 不在 npm/PyPI 上
已验证域名: ✓ subframe.com
许可证 i: 未注明许可证
连接方式: 在云端运行
传输方式: streamable-http
最新版本i: 1.0.0
分类i: 其他
发布到注册中心i: 2026年11月14日
代码最后更新i: –
作者: subframe.com
仓库: –
网站: www.subframe.com
注册状态: 活跃

哪些应用可以使用它

依据这个服务器的连接方式和各应用自己的文档，检查于 2026年11月10日。

通过互联网连接，适用于

Claude ChatGPT Goose LM Studio Msty Studio Cherry Studio Cursor VS Code + GitHub Copilot Visual Studio Windsurf (Devin Desktop)Zed Kiro Cline Continue JetBrains AI Assistant Claude Code Codex CLI Gemini CLI OpenCode nodecode Warp LibreChat Open WebUI Raycast

全部应用及其优缺点 →

它能做什么

工具名称和描述与服务器在 2026年11月14日报告的完全一致。这些内容由作者撰写，不是我们写的；我们以纯文本形式显示。

search_motion_examples
Search the Subframe Motion Library for React animation examples. Describe what you want in plain words — the effect, the element, how it should feel, or, when matching a screenshot, what it looks like and what moves ('glowing border sweeping around a dark pricing card', 'playful
get_motion_example
Get one Subframe Motion Library example: its complete React source; how it looks and moves; adapt notes naming the code that drives the motion and what to change; the npm packages to install (none means React only); the images its code loads from /motion/assets/ with download URL
get_motion_guidance
Get Subframe's guidance for designing motion well, by topic: principles (whether to animate at all), timing (durations, curves, springs), enter-exit (menus, dialogs, toasts), feedback (hover, press, state, loading), scroll, ambient (loops, backgrounds, shaders), text-and-numbers,

基础检查i

我们检查的是任何人都能看到的信息；我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月16日

! 注意
作者与仓库一致
注册中心没有列出源代码仓库，因此无法将发布者（subframe.com）与代码对应起来
… 尚未检查
仍在维护
我们还没有从 GitHub 读取这个仓库
… 尚未检查
有许可证
我们还没有从 GitHub 读取这个仓库
✓ 通过
端点有响应
在 293 毫秒内响应（HTTP 200）
– 不适用
使用 OAuth 登录
无需登录
✓ 通过
工具描述中没有隐藏指令
已读取 3 个工具描述，未发现针对 AI 的隐藏指令

我们检查什么 → · JSON

作者：申请重新检查或报告信息错误

给作者：在 README 中加徽章

如果你是作者，可把这段代码贴到 README。徽章会链接回本页。

[![Featured on PopNx MCP](https://mcp.popnx.com/badge/subframe-motion.svg)](https://mcp.popnx.com/en/servers/subframe-motion)

讨论

提问、分享技巧或报告无法使用。按“有帮助”数量排序。

还没有帖子，欢迎第一个提问或分享。

此处内容由用户撰写，不代表 PopNx 团队。

登录后发帖

用户评价

还没有评价

登录后写评价

与“其他”中的其他服务器比较i

星标数多于此分类中其他 20013 个服务器的 0%
发布到注册中心的时间比此分类中其他 20013 个服务器的 95% 更新
基础检查结果等于或优于此分类中其他 20013 个服务器的 45%

与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时，星标数才计入。

常见问题

Subframe Motion 安全吗？

它在 3 项适用的基础检查中通过了 2 项。我们没有阅读代码。在添加密钥或令牌之前，请先看看这个服务器要求哪些权限，并使用只具备所需权限的密钥。

它需要哪些密钥或代码？

注册中心没有列出必需的密钥，不过有些服务器会在首次使用时要求你登录。

它在我的电脑上运行还是在云端？

它在作者的云端运行。通过互联网连接，无需安装，但你发送的内容会经过作者的服务器。

它还在维护吗？

GitHub 仓库最后更新于–，最新版本（1.0.0）于前天进入注册中心。

哪些应用可以使用它？

支持 MCP 的应用，例如 Claude Desktop、Claude Code、Cursor 和 VS Code。它通过 URL 连接，因此也能用于接受远程 MCP 的应用，例如网页版 ChatGPT（Business 及以上为完整 MCP；Pro 为只读）。

有什么可以替代它？

同一分类中有：World Monitor, openstatus, Oh My Posh Validator, Strata, Jitsu

功能相近的其他选择

同一分类、其他作者、命令已通过检查。官方的排在前面，再按星标排序。

如何看卡片：↓ 每周下载量i★ GitHub 星标i三大支柱：评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i

World Monitor

Real-time global intelligence on conflict, markets, energy, trade, shipping and cyber. 97 tools.

作者：koala73广泛使用★ 9.1万前天更新

在云端运行✓ 服务方 · worldmonitor.app

接入方法

openstatus

Manage monitors, status pages, incidents and maintenances in your openstatus workspace.

作者：openstatusHQ广泛使用★ 92692个月前更新

在云端运行✓ 服务方 · openstatus.dev

接入方法

Oh My Posh Validator

Validate oh-my-posh configurations and segment snippets against the official schema.

作者：JanDeDobbeleer广泛使用★ 2.4万整个仓库的星标27天前更新

在云端运行✓ 服务方 · ohmyposh.dev

接入方法

Strata

MCP server for progressive tool usage at any scale (see https://klavis.ai)

作者：Klavis-AI正在增长★ 582714个月前更新

在云端运行仓库已归档✓ klavis.ai

接入方法

Jitsu

Manage Jitsu data pipelines: destinations, streams, connections, functions, live events.

作者：jitsucom广泛使用★ 51354个月前更新

在云端运行✓ 服务方 · jitsu.com

接入方法

与相似项目对比
	本项 Subframe Motion	World Monitor	openstatus	Oh My Posh Validator	Strata	Jitsu
运行位置	在云端运行，无需安装	在云端运行，无需安装	在云端运行，无需安装	在云端运行，无需安装	在云端运行，无需安装	在云端运行，无需安装
需要密钥	否	否	否	否	否	否
可在 Claude 中按 + 添加	是	否	否	否	否	否
基础检查	2/3	4/4	4/4	4/4	1/4	4/4
许可证	–	AGPL-3.0	AGPL-3.0	MIT	Apache-2.0	MIT
价格	登记中未列出费用	登记中未列出费用	登记中未列出费用	登记中未列出费用	登记中未列出费用	登记中未列出费用

作者的 README

仓库中没有找到 README

Subframe Motion

What it does

为什么排在这里

安装

在 Claude 中打开 Subframe 页面

点击“Connect to Claude”，如有提示请登录 Subframe 账户

试一试

打开网页版 Claude (claude.ai) 或 Claude Desktop 应用

点击左侧栏的“Customize”

选择“Connectors”标签，然后点击 Connectors 旁边的“+”按钮

在搜索框输入“Subframe”或在列表中查找，然后点击它

点击“Connect”（有些显示为“Install”）

如有提示，登录该服务的账户

在对话中启用：点击对话框左下角的“+” → “Connectors” → 打开 Subframe 的开关

打开 Claude 的 Connectors 页面

点击“Add” → “Custom” → “Web”，填写这 2 项

在聊天中开启

试一试

在网页版 ChatGPT 打开添加 MCP 的页面

填写名称和地址

在聊天中选择 Subframe Motion

试一试

打开终端

粘贴这条命令并按 Enter

在 Claude Code 中输入 /mcp

试一试

点击这个按钮打开 Cursor

在 Cursor 中以 Agent 模式打开 AI 聊天

试一试

点击这个按钮打开 VS Code

在 VS Code 中以 Agent 模式打开 AI 聊天

试一试

通过网页连接

一览

哪些应用可以使用它

它能做什么

基础检查i

作者与仓库一致

仍在维护

有许可证

端点有响应

使用 OAuth 登录

工具描述中没有隐藏指令

讨论

用户评价

与“其他”中的其他服务器比较i

常见问题

功能相近的其他选择

World Monitor

openstatus

Oh My Posh Validator

Strata

Jitsu

作者的 README