網頁動畫工具箱

dev.workers.panda198271.tw-web-motion/web-motionVersion 1.0.0

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

Status

Responds151 msNov 14, 2026, 14:28 UTCAnswered our handshake without sign-in.

Registry data may be out of date

We could not refresh it, so this page shows the last copy.

Last checked: Nov 14, 2026, 14:28 UTC
Latency: 151 ms
Remotes responding: 1 of 1
Sign-in: No sign-in
Hosting: Hosted outside the EU (detected)
Registry data as of: Nov 14, 2026, 22:14 UTC

Data from the official MCP Registry, checked by run.zero. How we check

Connect

Streamable HTTP

https://tw-web-motion.panda198271.workers.dev/mcpResponds151 msNov 14, 2026, 14:28 UTC

No sign-in

Claude Code

claude mcp add --transport http web-motion https://tw-web-motion.panda198271.workers.dev/mcp

Claude Desktop and claude.ai

1
2
3

Settings > Connectors > Add custom connector
Name: web-motion
Remote MCP server URL: https://tw-web-motion.panda198271.workers.dev/mcp

Cursor

{
  "mcpServers": {
    "web-motion": {
      "url": "https://tw-web-motion.panda198271.workers.dev/mcp"
    }
  }
}

VS Code

code --add-mcp '{"name":"web-motion","type":"http","url":"https://tw-web-motion.panda198271.workers.dev/mcp"}'

Built your own server? run.zero hosts MCP servers on European infrastructure.

Host your own MCP server on run.zero

Tools

8 tools

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

Details

Registry status: Active
Published: Sep 27, 2026
Updated: Sep 27, 2026
Website: https://tw-web-motion.panda198271.workers.dev/⁠ (opens in a new tab)
Repository: Not given
Categories (suggested): Design and mediaSuggested categories are assigned automatically from the registry text and may be wrong. Verified operators can correct them.
GDPR: Not declared

Are you the operator? Claim this listing