Keyframer

インストール

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

チェック 2/3 合格 · 質問内容は提供元のサーバー（api.keyframer.dev）を通ります · ✓ コマンド確認済み 2026年11月13日

claude mcp add --transport http --scope user keyframer https://api.keyframer.dev/mcp

{
  "mcpServers": {
    "keyframer": {
      "url": "https://api.keyframer.dev/mcp"
    }
  }
}

{
  "servers": {
    "keyframer": {
      "type": "http",
      "url": "https://api.keyframer.dev/mcp"
    }
  }
}

使えるアプリ

このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。

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

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

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

できること

ツールの名前と説明は、サーバーが2026年11月10日に返したそのままの内容です。書いたのは作者で、私たちではありません。プレーンテキストとして表示しています。

• search_recipes

  Search 150+ free Keyframer recipes (bounce, carousels, progress rings, particles, text effects, shaders, scroll animations…). Each recipe has a scene + verified React Native Reanimated code. Returns slugs for get_recipe.

• get_recipe

  Fetch one recipe by slug: metadata, the scene JSON (usable as a starting point for create_scene), and the generated React Native Reanimated component code. Recipe code is free to use.

• get_scene_format

  The Keyframer scene JSON format — read this before authoring a scene. Section "scene" covers elements/keyframes/easing; section "nodes" covers node graphs (procedural animation: clocks, springs, repeaters) with the full node-type schema.

• validate_scene

  Validate a scene against the Keyframer format before create_scene or generate_code. Returns errors (must fix) and warnings (advisory). Free to call — iterate until clean.

• sample_scene

  Numerically preview a scene: evaluates keyframes AND node graphs at N evenly spaced times and returns each moving prop as a value series (the same math the editor preview runs). validate_scene checks structure — this checks MOTION: confirm ranges, spring overshoot, stagger offset

• create_scene

  Save a scene and get an editor URL where it opens in the visual editor (timeline, canvas, node graphs, mobile QR preview). Validates first. Works without a key: the scene is then a public 24-hour guest scene with a scannable QR, kept forever by signing up (free) and pressing Remi

• update_scene

  Replace the content of one of your scenes (full scene JSON, validated first) — the edit loop for iterating instead of duplicating. Live previews watching the scene update in place. Requires an API key; own scenes only.

• list_scenes

  List the scenes in the connected Keyframer account (id, name, updated, visibility). Requires an API key.

• get_scene

  Fetch one of your scenes (or any public scene) as JSON — edit it and re-save with update_scene, or feed it to generate_code. Requires an API key.

• get_preview_qr

  A terminal-scannable QR code for a scene. Scan it with a phone camera and the scene runs live in the Keyframer preview app on real hardware — edits sync as they happen. Public scenes (including guest scenes) work without a key; private scenes need an API key on a paid plan.

• generate_code

  Compile a scene into a runnable React Native component. Pass inline scene JSON or a scene_id from your account. Output targets Reanimated v4 by default ("animated" targets the RN core Animated API, reduced feature set). Deterministic — no AI, no credits. Requires an API key on a

基本チェックi

誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月15日にチェック

• ! 注意

  作者とリポジトリが一致

  レジストリにソースのリポジトリが載っていないため、公開者（keyframer.dev）とコードを照合できません

• … 未チェック

  今もメンテナンスされている

  このリポジトリはまだGitHubから読み取っていません

• … 未チェック

  ライセンスがある

  このリポジトリはまだGitHubから読み取っていません

• ✓ 合格

  エンドポイントが応答する

  1022ミリ秒で応答（HTTP 200）

• – 対象外

  OAuthでサインイン

  サインイン不要

• ✓ 合格

  ツールの説明に隠れた指示がない

  11件のツールの説明を読み、AIへの隠れた指示は見つかりませんでした

ユーザーレビュー

まだレビューはありません

Google でログインしてレビューを書く

チャット・メールのほかのサーバーとの比較i

• このカテゴリのほかの2048件のうち0%よりスターが多い
• このカテゴリのほかの2048件のうち23%より最近レジストリに公開
• 基本チェックの結果が、このカテゴリのほかの2048件のうち51%と同じかそれ以上

レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。

同じカテゴリのほかの候補

同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。

カードの見方：↓ 週あたりのダウンロードi★ GitHubスターi3つの柱：レビュー · チェック · 利用状況i更新＝最新バージョンをレジストリに公開した日i

HyperFrames by HeyGen

Official HyperFrames by HeyGen: the best AI video editor in chat. Captions, motion graphics, MP4.

作者：heygen-com·広く使われている·★ 8.4万·昨日更新

クラウドで動く

接続方法

Inbox Zero

Search Gmail and Outlook, save drafts, manage email rules, and view email stats.

作者：elie222·広く使われている·★ 1.3万·先月更新

クラウドで動く

接続方法

draw.io

Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.

作者：jgraph·広く使われている·★ 5826·5 日前更新

クラウドで動く✓ 提供元 · draw.io

接続方法

作者のREADME

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