Search / dev.workers.panda198271.tw-web-motion/web-motion
網頁動畫工具箱
not classifiedCSS 漸層、動畫與網頁互動效果產生器。
v1.0.0 · active · website · descriptor JSON · versions
Search / dev.workers.panda198271.tw-web-motion/web-motion
CSS 漸層、動畫與網頁互動效果產生器。
v1.0.0 · active · website · descriptor JSON · versions
{
"mcpServers": {
"web-motion": {
"type": "http",
"url": "https://tw-web-motion.panda198271.workers.dev/mcp"
}
}
}claude mcp add --transport http web-motion https://tw-web-motion.panda198271.workers.dev/mcp[mcp_servers.web-motion]
url = "https://tw-web-motion.panda198271.workers.dev/mcp"
{
"$schema": "https://opencode.ai/config.json",
"mcp": {
"web-motion": {
"type": "remote",
"url": "https://tw-web-motion.panda198271.workers.dev/mcp",
"enabled": true
}
}
}{
"mcpServers": {
"web-motion": {
"type": "http",
"url": "https://tw-web-motion.panda198271.workers.dev/mcp"
}
},
"deeplink": "cursor://anysphere.cursor-deeplink/mcp/install?name=web-motion&config=eyJ0eXBlIjoiaHR0cCIsInVybCI6Imh0dHBzOi8vdHctd2ViLW1vdGlvbi5wYW5kYTE5ODI3MS53b3JrZXJzLmRldi9tY3AifQ%3D%3D"
}{
"servers": {
"web-motion": {
"type": "http",
"url": "https://tw-web-motion.panda198271.workers.dev/mcp"
}
}
}{
"mcpServers": {
"web-motion": {
"httpUrl": "https://tw-web-motion.panda198271.workers.dev/mcp"
}
}
}extensions:
"web-motion":
enabled: true
name: "web-motion"
type: streamable_http
uri: "https://tw-web-motion.panda198271.workers.dev/mcp"
timeout: 300
protocol.modernnewest supported version is 2025-11-25; 2026-07-28 not supported, older versions are deprecated until 2027-07-28protocol.statelessonly applies to 2026-07-28 serversprotocol.transportstreamable HTTPprotocol.list_ttlonly applies to 2026-07-28 serversauth.prm, auth.as_metadata, auth.cimdno remote uses OAuthauth.secret_in_urlno templated URLtools.descriptionsevery tool has a descriptiontools.description_lengthdescriptions are concisetools.schemasevery tool has an object input schematools.annotationsno tool declares readOnlyHint or destructiveHint, so clients cannot tell safe calls from risky onestools.directory_hintsno tool declares all four of readOnlyHint, destructiveHint, idempotentHint and openWorldHint; missing: generate_easing (readOnlyHint, destructiveHint, idempotentHint, openWorldHint); animation_a11y_checklist (readOnlyHint, destructiveHint, idempotentHint, openWorldHint); compare_animation_libraries (readOnlyHint, destructiveHint, idempotentHint, openWorldHint); …tools.token_costabout 468 tokens to load every tooltools.api_dumptools are not a one-to-one API dumpstability.changesno tool changes in 30 daysstability.rug_pullno tool changed its meaning under the same namedeps.known_vulns, deps.mcp_sdk_version, deps.resolvableno npm or PyPI packageNo tool definition changes recorded. A server's first observation is its baseline; later probes record what changes.
Checks run on what our credential-free, read-only probes observe; tools are never called and no code audit is performed. How it is computed.
+dns-namespace +website -thin-description -unreachable(1 failures) +updated-23d-ago -no-repository
Derived from observable signals (official registry feed and our own credential-free probes); no code audit performed. How it is computed.
| remote | auth | reachable | uptime 30d | p50 | protocol | last ok |
|---|---|---|---|---|---|---|
https://tw-web-motion.panda198271.workers.dev/mcp streamable-http | none | no (1 failures) | 97% | 135 ms | 2025-11-25 | 2026-10-20 |
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_animation_libraries | 比較網頁動畫工具:CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。 |
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 |
spring_to_css_linear | 把彈簧物理參數(stiffness、damping、mass)模擬後轉成 CSS linear() 緩動函式與建議時間。 |
web_video_ffmpeg | 產生網頁背景影片壓縮的 ffmpeg 指令(H.264、VP9、AV1、poster)與 HTML video 語法。 |
Schemas: list_tools.
{
"name": "dev.workers.panda198271.tw-web-motion/web-motion",
"title": "網頁動畫工具箱",
"$schema": "https://static.modelcontextprotocol.io/schemas/2025-12-11/server.schema.json",
"remotes": [
{
"url": "https://tw-web-motion.panda198271.workers.dev/mcp",
"type": "streamable-http"
}
],
"version": "1.0.0",
"websiteUrl": "https://tw-web-motion.panda198271.workers.dev",
"description": "CSS 漸層、動畫與網頁互動效果產生器。"
}