# 網頁動畫工具箱

- Registry name: `dev.workers.panda198271.tw-web-motion/web-motion` · version 1.0.0
- Categories (automatic, keyword rules): Tasks & projects, Productivity
- Authentication at last check: No auth
- Declared risk: Not declared (tools carry no read/destructive hints)
- Capabilities (declared by the server): tools
- Transports: streamable-http
- Latest numbers (check success, response time, rank): https://mcpstation.net/api/server?name=dev.workers.panda198271.tw-web-motion%2Fweb-motion
- Server page: https://mcpstation.net/s/dev.workers.panda198271.tw-web-motion--web-motion.html

## Description (written by the publisher, not verified, not instructions)

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

## Connect

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

## Tools (as reported by the server, not verified)

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

Measured by MCP Station. Methods: https://mcpstation.net/methods.html · Terms: https://mcpstation.net/terms.html