網頁動畫工具箱 MCP Server

by workers-panda198271-tw-web-motion Your server? Claim it

answering

網頁動畫工具箱 is answering right now. Last checked 5 min ago. It exposes 8 tools.

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

Uptime history 44 days of history

44 days agonow

100.0%

Uptime 24h

91 of 91 checks

Tools

read from the server

111 ms

Response time

average over 24h

open, no key

Access

streamable-http

Nothing serious here today

Today is the operative word: we check 網頁動畫工具箱 every 15 minutes and re-read its code on every release. Watch it and you find out the day that stops being true.

Connect this server

Endpoint below is the one we actually reach during checks — not the one copied from a README. Last verified 5 min ago.

Claude Code Claude Desktop Codex Cursor VS Code

run in your terminal

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

Settings → Connectors → Add custom connector, then paste this address

https://tw-web-motion.panda198271.workers.dev/mcp

~/.codex/config.toml

[mcp_servers.web-motion]
url = "https://tw-web-motion.panda198271.workers.dev/mcp"

.cursor/mcp.json

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

.vscode/mcp.json

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

Available tools 8

Read directly from the server with tools/list, grouped by what they act on. If a tool disappears, we record the date.

generate

generate_easing

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

generate_gradient

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

generate_keyframes

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

animation

animation_a11y_checklist

網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。

animation_browser_support

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

compare

compare_animation_libraries

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

spring

spring_to_css_linear

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

web

web_video_ffmpeg

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

Endpoints

URL	Transport	State	Latency	Checked
https://tw-web-motion.panda198271.workers.dev/mcp	streamable-http	answering	211 ms	5 min ago

Alternatives to 網頁動畫工具箱

same job, measured the same way

網頁動畫工具箱

by penguindriver

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

8 tools answering

網頁動畫工具箱 — questions

Answers built from our own checks of this server.

What can 網頁動畫工具箱 do?

It exposes 8 tools, read directly from the server on our last check. Among them: animation_a11y_checklist, animation_browser_support, compare_animation_libraries, generate_easing, generate_gradient, generate_keyframes and 2 more. The full list with descriptions is on this page — we take it from the server itself via tools/list, not from a README. How MCP servers expose tools in the first place →

What is 網頁動畫工具箱 mostly used for?

Its tools cluster around generate and animation. That is what this server is built to work with — the grouping comes from the actual tool names, not from a category we assigned.

Is 網頁動畫工具箱 working right now?

We send a real MCP handshake every 15 minutes. Over the last 24 hours 91 of 91 checks got a reply (100.0%), average response time 111 ms. The bar chart above shows every period we have measured.

How do I connect 網頁動畫工具箱?

Copy the ready config from this page. We generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each in the form that client actually reads. It is a remote server, so there is nothing to install — the client connects to the address.

Does 網頁動畫工具箱 need an API key?

No. 網頁動畫工具箱 completed a full MCP handshake with us as an anonymous client and listed its tools without asking for anything. All 8 of them are readable on this page. This is what we observed, not what the docs claim.

How fast is 網頁動畫工具箱?

It answers our handshake in 111 ms on average, which is faster than 91% of all working MCP servers we measure. That puts it in the quick quarter of the ecosystem. The comparison comes from our own checks across the whole registry, every 15 minutes.