MCP server

網頁動畫工具箱

com.penguindriver/motion

Checked 26 Oct 2026, 08:29 UTC · Connected to it and listed its tools

網頁動畫工具箱：CSS 動畫、easing、影片壓縮與互動設計。台灣繁體中文 MCP 工具。

Working at last checkVerified publisher: penguindriver.comAbout 630 tokens per request once connected8 tools

https://motion.penguindriver.com/mcp

At a glance

Type: MCP server
Publisher: penguindriver.com (verified by the MCP Registry)
Status: Working at last check
Tools: 8
Token cost: About 630 tokens per request
Sets up in: Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code, Antigravity, ChatGPT, OpenAI API, Grok
Last checked: 26 Oct 2026, 08:29 UTC

Opens the app, which shows the server and asks you to confirm. For other apps, copy the setup below.

Claude Code

claude mcp add --transport http motion https://motion.penguindriver.com/mcp

Claude Desktop

Settings → Connectors → Add custom connector, and paste the URL.

Codex (config.toml)

[mcp_servers.motion]
url = "https://motion.penguindriver.com/mcp"

Gemini CLI

{"mcpServers":{"motion":{"httpUrl":"https://motion.penguindriver.com/mcp"}}}

Cursor

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

VS Code

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

Antigravity

agy mcp add motion https://motion.penguindriver.com/mcp

ChatGPT

Settings → Apps & Connectors → Advanced settings: turn on Developer mode, then Create a connector and paste the URL. Which plans can do this varies.

OpenAI API (Responses tools)

{"type":"mcp","server_label":"motion","server_url":"https://motion.penguindriver.com/mcp","require_approval":"always"}

Grok (xAI API tools)

{"type":"mcp","server_label":"motion","server_url":"https://motion.penguindriver.com/mcp"}

animation_a11y_checklist ~53 tokens
網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。
animation_browser_support ~53 tokens
網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。
compare_animation_libraries ~56 tokens
比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。
generate_easing ~94 tokens
產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。
generate_gradient ~88 tokens
產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。
generate_keyframes ~118 tokens
產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing
spring_to_css_linear ~69 tokens
把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。
web_video_ffmpeg ~99 tokens
產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。

Motion by Frapea
One sentence to a finished animation: your AI writes motion graphics as code and checks real frames.
ScriptCompiler
Create motion and play it on The Handy, Autoblow, VacuGlide, Kiiroo, OSSM and Lovense toys.
PageToVid
Turn any web page into a narrated video: films the real site, writes, voices and captions it
Frapea
A video editor in your browser that your AI drives: cuts, captions, multicam, motion titles, export.
Motion Tools
Render animated motion-graphics overlays as MP4: lower thirds, titles, callouts
Screenrove
Real product UI captures for design reference, competitor analysis, and coding agents.
Transaction Coordinator
AI transaction coordinator + legal-matters platform for real estate and law firms.
motionprompts
Plan pages, pick GSAP motion components and get their build prompts and composition rules.

[![AptLynx](https://aptlynx.net/badge/com.penguindriver/motion.svg)](https://aptlynx.net/servers/com.penguindriver/motion)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents