網頁動畫工具箱

dev.workers.panda198271.tw-web-motionPublished by tw-web-motion.panda198271.workers.devOfficial publisherv1.0.0Updated Oct 24, 2026

CSS 漸層、動畫與網頁互動效果產生器。

VerifiedStreamable HTTPWeb executable

Server details

Identifier: dev.workers.panda198271.tw-web-motion/web-motion
Transport: Streamable HTTP
Runtime: Web executable
Trust: Verified
Published: Sep 27, 2026

Security note

MCP servers receive tool arguments from a conversation and may perform external actions. Review what a server can do before you enable it, and give it only the access it needs.

The registry verified that this server's namespace belongs to tw-web-motion.panda198271.workers.dev, which also runs its endpoint. That identifies the publisher; it does not make the server's tools safe.

SourceWeft's checks cover whether the listing is complete and the endpoint answered; they do not review the server's code or what its tools do.

Add a badge to your README

Show readers this MCP server is listed on SourceWeft. The badge links to this page.

[![Listed on SourceWeft](https://sourceweft.com/badge/mcp/dev.workers.panda198271.tw-web-motion%2Fweb-motion.svg)](https://sourceweft.com/mcp/dev.workers.panda198271.tw-web-motion%2Fweb-motion?utm_source=readme&utm_medium=badge)

Overview

網頁動畫工具箱's hosted MCP server (tw-web-motion.panda198271.workers.dev), published by tw-web-motion.panda198271.workers.dev; no sign-in required; Streamable HTTP; 8 tools.

No AI overview yet: these facts come from the registry entry and the server itself.

Publisher: tw-web-motion.panda198271.workers.dev
Endpoint: tw-web-motion.panda198271.workers.dev
Last checked: Oct 23, 2026

Installation

In SourceWeft

Open 網頁動畫工具箱 in the dashboard and add it to a workspace.
Enable the server for the chats that should use its tools.

Web executable via Streamable HTTP. Remote servers run from the web runtime once configured in a workspace.

Use with an agent

Paste this prompt into Claude Code, Codex, Cursor or another agent — or into SourceWeft chat. The agent reads this server's install guide, shows you its publisher, endpoint and sign-in, and adds it to your client once you agree. Keys never go into a command.

Read https://sourceweft.com/mcp/dev.workers.panda198271.tw-web-motion%2Fweb-motion/install.md and connect the MCP server it describes to my client. Before changing any config, show me its publisher, endpoint and sign-in method and wait for my OK. Never put an API key in a command or in a file I would commit; ask me where it should come from.

Read the install guide the agent follows

Other MCP clients

Add this to your client's mcpServers config.

{
  "mcpServers": {
    "dev-workers-panda198271-tw-web-moti-j1t4": {
      "type": "http",
      "url": "https://tw-web-motion.panda198271.workers.dev/mcp"
    }
  }
}

Tools

generate_easing

產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。

Parametersx1x2y1y2name

spring_to_css_linear

把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。

Parametersmassdampingstiffness

generate_keyframes

產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing

Parametersdelayeasingpresetrequireddurationiterations

generate_gradient

產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。

Parameterstypeanglespeedcolorsrequiredanimate

web_video_ffmpeg

產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。

Parametersfpsaudioinputwidthoutputquality

animation_browser_support

網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。

Takes no parameters.

compare_animation_libraries

比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。