Motion by Frapea

com.frapea由 frapea.com 發布官方發布者v1.0.0更新於 Oct 24, 2026

One sentence to a finished animation: your AI writes motion graphics as code and checks real frames.

發布方自己的服務:Frapea

已驗證Streamable HTTP可網頁執行檔案與儲存開發者工具媒體與設計

概覽

AI 產生的概覽

讓助理以程式碼撰寫 Motion 動態圖像構圖,並渲染畫格、檢查播放與回報問題。

可以做什麼
讓助理以 TSX 原始碼建立、讀取與更新 Motion 構圖,並設定屬性值。可透過 read_skill 取得撰寫規範與設計指南,用 inspect_composition 渲染最多 12 個畫格並回傳標註的縮圖表,用 check_playback 從頭到尾播放確認,並以 get_problems 列出渲染失敗、載入錯誤或缺片等問題。另提供媒體庫的列出、加入、檢視、整理與刪除,以及連線配對、工作階段建立與進度提示工具。
適用情境
當使用者想用程式碼撰寫動態圖像、製作或調整 Motion 構圖,並需要 AI 實際渲染畫面來檢查結果時適用。若只是要產生靜態程式碼、不需要瀏覽器預覽或媒體處理,則不必加入。
執行需求
遠端端點,無需安裝套件。需透過 connect 以使用者畫面上的配對碼換取工作階段權杖,或先以 create_session 建立工作階段;渲染、播放與媒體相關工具需要使用者開啟 Motion 瀏覽器分頁(可用 wait_for_tab 等待)。
安裝前請注意
connect 需要使用者提供一次性配對碼,換得的權杖可操作其工作階段,應妥善保管。delete_media 會刪除媒體庫檔案,organize_media 會移動檔案與建立或刪除資料夾,close_composition 會關閉構圖且不保留原始碼。put_media 以 url 加入檔案時由使用者瀏覽器向外部主機取得內容。工作階段在最後一次變更後保留約 24 小時。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Motion by Frapea,將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Web executable,透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式,或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南,先向你展示發布者、端點和登入方式,經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/com.frapea%2Fmotion/install.md,並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前,先告訴我它的發布者、端點和登入方式,等我確認。不要把 API 金鑰寫進命令或我會提交的檔案;問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

{
  "mcpServers": {
    "motion-by-frapea": {
      "type": "http",
      "url": "https://motion.frapea.com/mcp"
    }
  }
}

工具

20

close_composition

Close composition

Closes a composition and removes it from the user's tabs; its source is not kept. Meant for drafts made along the way. Needs an explicit id and never falls back to the active composition.

輸入參數id必填token必填

connect

Connect to a Motion tab

Pairs this agent with a Motion browser tab using the eight-character code the user sees under the Connect MCP button (for example K7M4-P2Q9). Returns a session token that every other tool takes. The code works once; the token is what stays valid.

輸入參數code必填

create_session

Start a session without a tab

Starts a Motion session when the user has no pairing code. Compositions can be created and edited at once; the returned link opens the session in a browser. Rendering frames, playback and anything touching media need that tab open (see wait_for_tab). The scene is kept for 24 hours after the last change.

無需輸入參數。

wait_for_tab

Wait for the Motion tab

Waits until the user's Motion tab connects to the session, for example after they open the link from create_session. Returns as soon as it connects, or after about 25 seconds with tabConnected false. Tools that render or touch media need the tab.

無需輸入參數。

tell_user

Show a status line

Shows one short status sentence in the user's Motion tab while work is in progress, so they can tell progress from a stall. kind 'done' marks the job finished and 'problem' marks a blocker; step and of draw a progress bar. Changes nothing else. How it fits the workflow: read_skill {topic:'motion-workflow'}.

輸入參數ofkindsteptext必填token必填

read_skill

Read a Motion guide

Returns one of Motion's authoring guides as text. 'motion' is the API contract: what compiles, resolves and renders — compositions written without it usually fail. 'motion-craft' covers timing and design so results do not look generated; 'motion-text' typography; 'motion-effects' named looks; 'motion-transitions' sequencing scenes; 'motion-examples' two contrasting complete pieces; 'motion-workflow' working while the user watches and checking frames; 'motion-review' a structured critique for pieces with an audience and a purpose.

輸入參數topic必填

list_media

List media

Lists the user's media library: folders, and files with id, name, kind, size and folder. `storage` says whether a file is 'linked' (still on their disk) or 'copied' (held by the browser); a linked file can need the user to re-grant access after a reload.

輸入參數pathtoken必填

put_media

Add media from a URL

Adds a file to the library as a new item; nothing existing is replaced. With `url`, the user's browser fetches it, so only public https hosts that send CORS headers work. `data` takes base64 bytes and is limited to about 700 KB, for small generated assets. Larger files on the caller's disk can be sent as an HTTP POST of the raw bytes to /media/upload?token=TOKEN&name=NAME on this server's origin (up to 10 MB).

輸入參數urldataname必填token必填folder

get_media

Get media bytes

Returns the raw bytes of one file, base64, capped at about 600 KB. For larger files and for video, inspect_media describes the content at a fraction of the size.

輸入參數id必填token必填

inspect_media

Inspect media

Looks inside an image or video and returns one contact sheet: each requested moment as a labelled cell in a single image. atSec takes up to 12 timestamps in seconds; omitted, the moments are spread evenly over the clip.

輸入參數id必填atSectoken必填

organize_media

Organize media folders

Moves files and manages folders. action: 'move' (ids + toFolder), 'createFolder' (name + optional parent), 'deleteFolder' (folder; the files inside move up one level, nothing is deleted). Deleting files is delete_media.

輸入參數idsnametoken必填action必填folderparenttoFolder

delete_media

Delete media

Deletes files from the user's media library by id. A copied file is gone from the browser; a linked file stays on the user's disk and only leaves the library. Compositions that use a deleted file report it as missing footage.

輸入參數ids必填token必填

list_compositions

List compositions

Lists the compositions open in the session, and which one is on screen.

輸入參數token必填

get_composition

Get composition

Returns one composition in full: manifest, every source file, and current prop values — the state an update_composition edit applies to.

輸入參數idtoken必填

create_composition

Create composition

Creates a new composition from TSX source and opens it as a tab in the user's Motion page. `files` maps path to source and must include the entry (default composition.tsx). The API is specific to Motion and documented in read_skill {topic:'motion'}; design guidance is in {topic:'motion-craft'}. A partsBoard prop (default false) can lay out UI-like parts for checking before scenes are built.

輸入參數fps必填name必填entryfiles必填token必填width必填height必填schemadurationInFrames必填

update_composition

Update composition

Edits an existing composition. Each file sent replaces the file at that path; files not sent are kept. Changing the schema keeps prop values that still have a matching field.

輸入參數idfpsnamefilestoken必填widthheightschemadurationInFrames

set_props

Set composition props

Sets prop values on a composition, the same values the user's controls change. Merged by key; keys sent replace their current values.

輸入參數idprops必填token必填

inspect_composition

Render frames

Renders frames of a composition in the user's tab and returns them as one labelled contact sheet; nothing is saved or changed. atFrames takes up to 12 frames; omitted, the sheet is an even spread plus the joins between scenes (labelled "end of a scene", "start of a scene", "mid transition"). One frame comes back at 1560 px, two at 960, for checking detail. `props` are merged over the composition's for this render only, e.g. {partsBoard:true}. Each frame reports its content share (how much is not background); one far below its neighbours is usually a gap between scenes.

輸入參數idpropstoken必填atFrames

check_playback

Check playback

Plays a composition on the user's stage from the first frame to the last, through the same preview a person watches (which inspect_composition does not use), and reports whether it got to the end. Buffering is allowed; any error ends the run. Answers within about 20 s: {status:"running", at, total} means call again with the same id to keep waiting on the same run. Then {status:"done", verdict:"ok"|"problems", problems, warnings} or {status:"incomplete", reason} (tab hidden, interrupted, edited). It takes over the stage while it runs: the composition under test becomes the one on screen and the preview plays from frame 0. The composition's source and props are not changed.

輸入參數idtoken必填

get_problems

Get problems

Lists what went wrong in the user's tab: frames that failed to render (with the frame and the engine's message), a preview that stopped moving and why, compositions that would not load, clips that will not decode, missing footage, failed exports, a page the browser killed — plus warnings. Works while the tab is hidden or closed. `current` belongs to the composition as it is now; `earlier` counts problems an edit has since left behind. Other tool results may also carry a `problems` list of what is new. An empty list covers only what the tab has played; check_playback does a full pass.

輸入參數idtoken必填includeWarnings

版本歷史

1
  1. v1.0.0最新Oct 11, 2026

評分

已滿足適用檢查項的 72%

該評分衡量此收錄條目的完整程度,依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價,也不表示伺服器安全或目前可用:可連通性是帶日期的檢查結果,評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 圖示10 分

    請在註冊中心條目中發布圖示。

  • 文件15 分

    請宣告包含 README 的 GitHub 儲存庫,或在 OAuth 受保護資源後設資料中提供 resource_documentation。

  • 授權條款不適用

    託管服務按其提供方的條款使用,因此這裡不要求授權條款。此檢查項不計入百分比。

其他 Frapea 整合