dev.workers.panda198271.tw-web-motion/web-motion · v1.0.0 · productivity
網頁動畫工具箱 is healthy: it completed an MCP handshake in 431 ms and exposes 8 tools.
CSS 漸層、動畫與網頁互動效果產生器。
Endpoint: https://tw-web-motion.panda198271.workers.dev/mcp (streamable-http)
No repository listed · Website · JSON · Add to my inventory
| Users (last 30 days) | 0 |
| Handshake | Healthy |
| Auth needed | None |
| Tool count | 8 |
| Latency | 431 ms |
| Last checked (UTC) | 2026-10-16T02:30:10.412Z |
| Checked (UTC) | Status | Latency | Error |
|---|---|---|---|
| 2026-10-16T02:30:10.412Z | Healthy | 431 | |
| 2026-10-14T23:40:34.650Z | Healthy | 25 |
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 的授權與適用情境。 |