プロトタイプ · プレビュー版:公式レジストリのすべてのサーバーを掲載し、30分ごとに同期しています。Google でログインするとレビューを書けます。プロトタイプ · 30分ごとに更新
PopNx MCPAIを使う人のためのMCPサーバー · やさしい言葉で解説

Subframe Motion

作者: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 項目に合格(表示のみ、並び順には不使用)

インストール

使っているAIアプリを選んで、設定をコピーしてください。

チェック 2/3 合格 · 質問内容は提供元のサーバー(mcp.subframe.com)を通ります · ✓ コマンド確認済み 2026年11月14日

まず:どの AI を使っていますか?

使っているアプリを選ぶと、下に手順が表示されます。

Claude アプリでそのままインストール、設定は不要

Subframe は Claude が選んだ一覧に掲載されています。下のボタンからすぐ追加できます · 2026年11月16日 確認

  1. Claude で Subframe のページを開く

    claude.ai で開きます · 未ログインの場合は先に「Sign in to add」が表示されます

  2. 「Connect to Claude」を押し、求められたら Subframe のアカウントにログイン

    「Failed to add the connector」と出たら、少し待ってからもう一度押すか、下の別の方法を使ってください

  3. 試してみる

    Subframe Motion を使って、私に何ができるか教えて、1 つやってみせて

    ✓ Claude が Subframe Motion を使っていると言うか、回答に Subframe Motion のツール名が出れば接続成功です

リンクが開けない?メニューから操作
  1. Web 版 Claude (claude.ai) か Claude Desktop アプリを開く

  2. 左のサイドバーの「Customize」をクリック

    Customize

  3. 「Connectors」タブを選び、Connectors の横の「+」ボタンをクリック

    CustomizeConnectors+

  4. 検索欄に「Subframe」と入力するか一覧から探してクリック

  5. 「Connect」をクリック(「Install」と表示されるものもあります)

  6. 求められたらそのサービスにログイン

  7. チャットで有効にする:入力欄左下の「+」→「Connectors」→ Subframe をオン

メニュー名は Claude の画面どおり英語です

メニュー名は 2026年11月13日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

別の方法:URL で自分で追加(custom connector)

Claude につなげます · 約 2 分

キー不要、インストール不要 · claude.ai かデスクトップアプリで一度設定すれば、チャットで使えます · 無料アカウントは 1 つまで · Team/Enterprise はオーナー(Owner)が追加

  1. Claude の Connectors ページを開く

    CustomizeConnectors

    CustomizeConnectors1Add2https://…3Add4
  2. 「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 を押します

  3. チャットで有効にする

    +ConnectorsSubframe Motion

  4. 試してみる

    Subframe Motion を使って、私に何ができるか教えて、1 つやってみせて

    ✓ Claude が Subframe Motion を使っていると言うか、回答に Subframe Motion のツール名が出れば接続成功です

メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

ChatGPT との接続はプランしだい

フル MCP:Web 版 ChatGPT の Business・Enterprise・Edu · Pro:読み取り/取得の権限で接続、データを変えるツールは使えないことがあります · Plus:公式ドキュメントで未確認。プラグイン画面にカスタム MCP を追加する項目があれば試せます · Web のみ

  1. Web 版 ChatGPT で MCP の追加ページを開く

    Plugins+Add custom MCP server

    ChatGPTPlugins1+2https://…3Create4
  2. 名前とアドレスを入力

    名前を入れ、Connection にアドレスを貼り付け、注意事項にチェックして Create as a plugin を押します

    Name · 名前Subframe Motion
    Connection · アドレスhttps://mcp.subframe.com/motion/mcp
  3. チャットで Subframe Motion を選ぶ

    新しいチャットを開き、入力前にプラグインの一覧から Subframe Motion を選びます

  4. 試してみる

    Subframe Motion を使って、私に何ができるか教えて、1 つやってみせて

    ✓ ChatGPT が Subframe Motion を使っていると言うか、回答に Subframe Motion のツール名が出れば接続成功です

メニュー名は 2026年11月11日 に OpenAI のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Claude Code につなげます · 約 2 分

キー不要、インストール不要

  1. ターミナルを開く

    Mac:Command+スペースで Terminal と入力 · Windows:PowerShell を開く

  2. このコマンドを貼り付けて Enter

    claude mcp add --transport http --scope user motion https://mcp.subframe.com/motion/mcp
  3. Claude Code で /mcp と入力

    Subframe Motion が一覧にあり、接続済みと表示されれば OK です

  4. 試してみる

    Subframe Motion を使って、私に何ができるか教えて、1 つやってみせて

    ✓ Claude Code が Subframe Motion を使っていると言うか、回答に Subframe Motion のツール名が出れば接続成功です

メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Cursor につなげます · 約 2 分

キー不要、インストール不要

  1. このボタンで Cursor を開く

    Cursor で開く

    Cursor がインストールの確認をするので Install を押します

  2. Cursor の AI チャットを Agent モードで開く

  3. 試してみる

    Subframe Motion を使って、私に何ができるか教えて、1 つやってみせて

    ✓ Cursor が Subframe Motion を使っていると言うか、回答に Subframe Motion のツール名が出れば接続成功です

メニュー名は 2026年11月11日 に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

VS Code につなげます · 約 2 分

キー不要、インストール不要

  1. このボタンで VS Code を開く

    VS Code で開く

    VS Code がインストールの確認をするので Install を押します

  2. VS Code の AI チャットを Agent モードで開く

  3. 試してみる

    Subframe Motion を使って、私に何ができるか教えて、1 つやってみせて

    ✓ VS Code が Subframe Motion を使っていると言うか、回答に Subframe Motion のツール名が出れば接続成功です

メニュー名は 2026年11月11日 に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください

MCP を使えるアプリをすべて見る →

Web 経由でつなぐアプリ用のアドレス

アドレスhttps://mcp.subframe.com/motion/mcp

JSON 設定は下の「開発者向け」にあります

つまずいたら?Subframe Motion を使っている人に聞いてみましょう💬 ディスカッション →
開発者向け:ターミナルのコマンドと JSON 設定

Web 経由

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に従ってください。

ひと目でわかる

週あたりのダウンロード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日に確認。

インターネット経由でつなげるアプリ

ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast

すべてのアプリと長所・短所 →

できること

ツールの名前と説明は、サーバーが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)がレジストリに届いたのは一昨日です。

どのアプリで使えますか?

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URL で接続するので、リモート MCP を受け付けるアプリでも使えます。例:Web 版 ChatGPT(Business 以上はフル MCP、Pro は読み取りのみ)。

代わりに使えるものは?

同じカテゴリには:World Monitor, openstatus, Oh My Posh Validator, Strata, Jitsu

似た働きのほかの候補

同じカテゴリでほかの作者のもの。コマンドは確認済み。公式を先に、次にスター順。

カードの見方:↓ 週あたりのダウンロードi★ GitHubスターi3つの柱:レビュー · チェック · 利用状況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 MonitoropenstatusOh My Posh ValidatorStrataJitsu
動く場所クラウドで動き、インストール不要クラウドで動き、インストール不要クラウドで動き、インストール不要クラウドで動き、インストール不要クラウドで動き、インストール不要クラウドで動き、インストール不要
キーが必要いいえいいえいいえいいえいいえいいえ
Claude で + から追加はいいいえいいえいいえいいえいいえ
基本チェック2/34/44/44/41/44/4
ライセンス–AGPL-3.0AGPL-3.0MITApache-2.0MIT
料金登録情報に費用の記載なし登録情報に費用の記載なし登録情報に費用の記載なし登録情報に費用の記載なし登録情報に費用の記載なし登録情報に費用の記載なし

作者のREADME

リポジトリにREADMEが見つかりません