{"$schema":"https://wellknown.network/schemas/agent-record-v1.json","schemaVersion":"1","id":"ag_9bshmpnhrjf3","handle":"wang-ye-dong-hua-gong-ju-xiang","url":"https://wellknown.network/agents/wang-ye-dong-hua-gong-ju-xiang","links":{"self":"https://wellknown.network/agents/wang-ye-dong-hua-gong-ju-xiang/record.json","html":"https://wellknown.network/agents/wang-ye-dong-hua-gong-ju-xiang","markdown":"https://wellknown.network/agents/wang-ye-dong-hua-gong-ju-xiang/record.md","api":"https://wellknown.network/api/v1/agents/wang-ye-dong-hua-gong-ju-xiang","status":"https://wellknown.network/api/v1/agents/wang-ye-dong-hua-gong-ju-xiang/status","claim":"https://wellknown.network/agents/wang-ye-dong-hua-gong-ju-xiang/claim","claimApi":"https://wellknown.network/api/v1/claims","claimDescriptor":"https://wellknown.network/agents/wang-ye-dong-hua-gong-ju-xiang/claim.json","badge":"https://wellknown.network/agents/wang-ye-dong-hua-gong-ju-xiang/badge.svg","openapi":"https://wellknown.network/openapi.json","history":"https://wellknown.network/api/v1/agents/wang-ye-dong-hua-gong-ju-xiang/history","tools":"https://wellknown.network/api/v1/agents/wang-ye-dong-hua-gong-ju-xiang/tools"},"ard":{"identifier":"urn:air:tw-web-motion.panda198271.workers.dev:server:wang-ye-dong-hua-gong-ju-xiang","type":"application/mcp-server-card+json"},"kind":"mcp_server","declared":{"name":"網頁動畫工具箱","summary":"CSS 漸層、動畫與網頁互動效果產生器。","description":"CSS 漸層、動畫與網頁互動效果產生器。","publisher":{"name":"dev.workers.panda198271.tw-web-motion","url":null},"homepage":"https://tw-web-motion.panda198271.workers.dev","repository":null,"version":"1.0.0","license":null,"protocols":["mcp"],"tags":[],"pricing":null,"endpoints":[{"url":"https://tw-web-motion.panda198271.workers.dev/mcp","type":"mcp_streamable_http","auth":null,"probeable":true}],"skills":null,"tools":null,"extra":{"updatedAt":"2026-09-27T07:19:18.996699Z","publishedAt":"2026-09-27T07:19:18.996699Z","registryName":"dev.workers.panda198271.tw-web-motion/web-motion"},"attribution":{"kind":"mcp_registry","name":"mcp_registry","summary":"mcp_registry","version":"mcp_registry","description":"mcp_registry","homepageUrl":"mcp_registry","publisherName":"mcp_registry"}},"derived":{"capabilities":[{"slug":"dev.package-management","name":"Packages & Dependencies","confidence":0.54,"provenance":"derived"},{"slug":"infra.browser-automation","name":"Browser Automation","confidence":0.51,"provenance":"derived"}],"categories":["dev","infra"],"language":"zh"},"observed":{"status":"live","statusReason":"Responded 4h ago.","lastOkAt":"2026-10-10T03:25:58.912Z","lastProbedAt":"2026-10-10T03:25:58.912Z","statusComputedAt":"2026-10-10T03:27:25.122Z","reliability30d":{"probes":44,"successRate":1,"p50Ms":28,"basis":"service","measures":{"availability":"availability","latency":"response time","tools":"tool surface observed","summary":"Checks reached the service itself."},"checks":{"total":44,"ok":44,"authBoundaryOk":0,"serviceOk":44,"note":"Counted from the observation rows for the window, checks of the server only (HTTP, A2A card, MCP initialize). ok = authBoundaryOk + serviceOk. `probes` is the sum of daily rollups and includes registry checks, so it can differ from `total`."}},"latestObservations":[{"at":"2026-10-10T03:25:58.912Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":18,"error":null,"detail":{"tools":[{"name":"generate_easing","description":"產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。"},{"name":"spring_to_css_linear","description":"把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。"},{"name":"generate_keyframes","description":"產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing"},{"name":"generate_gradient","description":"產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。"},{"name":"web_video_ffmpeg","description":"產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。"},{"name":"animation_browser_support","description":"網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。"},{"name":"animation_a11y_checklist","description":"網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。"},{"name":"compare_animation_libraries","description":"比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。"}],"toolCount":8,"toolsHash":"cb7c6dd990f93a05f286a23346f82678640c8192264530babcf39145ea09c612","serverName":"tw-web-motion","capabilities":["tools"],"serverVersion":"1.0.0","protocolVersion":"2025-06-18"}},{"at":"2026-10-09T20:29:44.115Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":76,"error":null,"detail":{"tools":[{"name":"generate_easing","description":"產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。"},{"name":"spring_to_css_linear","description":"把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。"},{"name":"generate_keyframes","description":"產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing"},{"name":"generate_gradient","description":"產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。"},{"name":"web_video_ffmpeg","description":"產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。"},{"name":"animation_browser_support","description":"網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。"},{"name":"animation_a11y_checklist","description":"網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。"},{"name":"compare_animation_libraries","description":"比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。"}],"toolCount":8,"toolsHash":"cb7c6dd990f93a05f286a23346f82678640c8192264530babcf39145ea09c612","serverName":"tw-web-motion","capabilities":["tools"],"serverVersion":"1.0.0","protocolVersion":"2025-06-18"}},{"at":"2026-10-09T13:32:14.337Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":36,"error":null,"detail":{"tools":[{"name":"generate_easing","description":"產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。"},{"name":"spring_to_css_linear","description":"把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。"},{"name":"generate_keyframes","description":"產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing"},{"name":"generate_gradient","description":"產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。"},{"name":"web_video_ffmpeg","description":"產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。"},{"name":"animation_browser_support","description":"網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。"},{"name":"animation_a11y_checklist","description":"網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。"},{"name":"compare_animation_libraries","description":"比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。"}],"toolCount":8,"toolsHash":"cb7c6dd990f93a05f286a23346f82678640c8192264530babcf39145ea09c612","serverName":"tw-web-motion","capabilities":["tools"],"serverVersion":"1.0.0","protocolVersion":"2025-06-18"}},{"at":"2026-10-09T07:25:00.011Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":53,"error":null,"detail":{"tools":[{"name":"generate_easing","description":"產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。"},{"name":"spring_to_css_linear","description":"把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。"},{"name":"generate_keyframes","description":"產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing"},{"name":"generate_gradient","description":"產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。"},{"name":"web_video_ffmpeg","description":"產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。"},{"name":"animation_browser_support","description":"網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。"},{"name":"animation_a11y_checklist","description":"網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。"},{"name":"compare_animation_libraries","description":"比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。"}],"toolCount":8,"toolsHash":"cb7c6dd990f93a05f286a23346f82678640c8192264530babcf39145ea09c612","serverName":"tw-web-motion","capabilities":["tools"],"serverVersion":"1.0.0","protocolVersion":"2025-06-18"}},{"at":"2026-10-09T00:25:09.936Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":18,"error":null,"detail":{"tools":[{"name":"generate_easing","description":"產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。"},{"name":"spring_to_css_linear","description":"把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。"},{"name":"generate_keyframes","description":"產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing"},{"name":"generate_gradient","description":"產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。"},{"name":"web_video_ffmpeg","description":"產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。"},{"name":"animation_browser_support","description":"網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。"},{"name":"animation_a11y_checklist","description":"網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。"},{"name":"compare_animation_libraries","description":"比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。"}],"toolCount":8,"toolsHash":"cb7c6dd990f93a05f286a23346f82678640c8192264530babcf39145ea09c612","serverName":"tw-web-motion","capabilities":["tools"],"serverVersion":"1.0.0","protocolVersion":"2025-06-18"}},{"at":"2026-10-08T17:27:23.664Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":71,"error":null,"detail":{"tools":[{"name":"generate_easing","description":"產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。"},{"name":"spring_to_css_linear","description":"把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。"},{"name":"generate_keyframes","description":"產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing"},{"name":"generate_gradient","description":"產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。"},{"name":"web_video_ffmpeg","description":"產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。"},{"name":"animation_browser_support","description":"網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。"},{"name":"animation_a11y_checklist","description":"網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。"},{"name":"compare_animation_libraries","description":"比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。"}],"toolCount":8,"toolsHash":"cb7c6dd990f93a05f286a23346f82678640c8192264530babcf39145ea09c612","serverName":"tw-web-motion","capabilities":["tools"],"serverVersion":"1.0.0","protocolVersion":"2025-06-18"}},{"at":"2026-10-08T11:23:17.562Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":48,"error":null,"detail":{"tools":[{"name":"generate_easing","description":"產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。"},{"name":"spring_to_css_linear","description":"把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。"},{"name":"generate_keyframes","description":"產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing"},{"name":"generate_gradient","description":"產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。"},{"name":"web_video_ffmpeg","description":"產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。"},{"name":"animation_browser_support","description":"網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。"},{"name":"animation_a11y_checklist","description":"網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。"},{"name":"compare_animation_libraries","description":"比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。"}],"toolCount":8,"toolsHash":"cb7c6dd990f93a05f286a23346f82678640c8192264530babcf39145ea09c612","serverName":"tw-web-motion","capabilities":["tools"],"serverVersion":"1.0.0","protocolVersion":"2025-06-18"}},{"at":"2026-10-08T04:25:19.490Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":28,"error":null,"detail":{"tools":[{"name":"generate_easing","description":"產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。"},{"name":"spring_to_css_linear","description":"把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。"},{"name":"generate_keyframes","description":"產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing"},{"name":"generate_gradient","description":"產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。"},{"name":"web_video_ffmpeg","description":"產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。"},{"name":"animation_browser_support","description":"網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。"},{"name":"animation_a11y_checklist","description":"網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。"},{"name":"compare_animation_libraries","description":"比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。"}],"toolCount":8,"toolsHash":"cb7c6dd990f93a05f286a23346f82678640c8192264530babcf39145ea09c612","serverName":"tw-web-motion","capabilities":["tools"],"serverVersion":"1.0.0","protocolVersion":"2025-06-18"}},{"at":"2026-10-07T21:28:33.757Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":21,"error":null,"detail":{"tools":[{"name":"generate_easing","description":"產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。"},{"name":"spring_to_css_linear","description":"把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。"},{"name":"generate_keyframes","description":"產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing"},{"name":"generate_gradient","description":"產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。"},{"name":"web_video_ffmpeg","description":"產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。"},{"name":"animation_browser_support","description":"網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。"},{"name":"animation_a11y_checklist","description":"網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。"},{"name":"compare_animation_libraries","description":"比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。"}],"toolCount":8,"toolsHash":"cb7c6dd990f93a05f286a23346f82678640c8192264530babcf39145ea09c612","serverName":"tw-web-motion","capabilities":["tools"],"serverVersion":"1.0.0","protocolVersion":"2025-06-18"}},{"at":"2026-10-07T14:30:32.387Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":44,"error":null,"detail":{"tools":[{"name":"generate_easing","description":"產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。"},{"name":"spring_to_css_linear","description":"把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。"},{"name":"generate_keyframes","description":"產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing"},{"name":"generate_gradient","description":"產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。"},{"name":"web_video_ffmpeg","description":"產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。"},{"name":"animation_browser_support","description":"網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。"},{"name":"animation_a11y_checklist","description":"網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。"},{"name":"compare_animation_libraries","description":"比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。"}],"toolCount":8,"toolsHash":"cb7c6dd990f93a05f286a23346f82678640c8192264530babcf39145ea09c612","serverName":"tw-web-motion","capabilities":["tools"],"serverVersion":"1.0.0","protocolVersion":"2025-06-18"}}],"tools":[{"name":"generate_easing","description":"產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。"},{"name":"spring_to_css_linear","description":"把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。"},{"name":"generate_keyframes","description":"產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing"},{"name":"generate_gradient","description":"產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。"},{"name":"web_video_ffmpeg","description":"產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。"},{"name":"animation_browser_support","description":"網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。"},{"name":"animation_a11y_checklist","description":"網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。"},{"name":"compare_animation_libraries","description":"比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。"}],"package":null,"toolSurface":{"id":"ts_ecw5rqmc8s6u","endpointId":"ep_jgfdqdfqvkm6","hash":"cb7c6dd990f93a05f286a23346f82678640c8192264530babcf39145ea09c612","toolCount":8,"serverName":"tw-web-motion","serverVersion":"1.0.0","protocolVersion":"2025-06-18","firstSeenAt":"2026-09-28T06:28:02.599Z","lastSeenAt":"2026-10-10T03:25:58.903Z","observations":44,"toolNames":["generate_easing","spring_to_css_linear","generate_keyframes","generate_gradient","web_video_ffmpeg","animation_browser_support","animation_a11y_checklist","compare_animation_libraries"],"distinctSurfaces":1},"endpointFacts":[{"id":"ep_jgfdqdfqvkm6","url":"https://tw-web-motion.panda198271.workers.dev/mcp","type":"mcp_streamable_http","factsCheckedAt":"2026-10-06T11:26:18.731Z","auth":{"observedAt":"2026-10-06T11:26:18.751Z","authRequired":false,"scheme":null,"resourceMetadata":null,"authorizationServer":null,"conformance":{"dpop":false,"rfc8414":false,"rfc9728":false,"pkceS256":false,"clientIdMetadataDocument":false,"dynamicClientRegistration":false}},"tls":{"observedAt":"2026-10-06T11:26:18.768Z","protocol":"TLSv1.3","chainValid":true,"chainError":null,"hostMatches":true,"subject":"panda198271.workers.dev","issuer":{"commonName":"YE1","organization":"Let's Encrypt"},"validFrom":"2026-09-22T18:27:05.000Z","validTo":"2026-12-21T18:27:04.000Z","daysToExpiry":72,"sanCount":2,"fingerprint256":"78:A7:0C:BA:4A:49:9B:17:3A:9D:67:AB:20:3C:8F:E5:F9:D1:BA:B5:44:7D:12:22:58:80:64:6A:94:27:63:D5"}}]},"verification":{"claimed":false,"claimedAt":null,"proofs":[]},"provenance":{"sources":[{"source":"mcp_registry","key":"dev.workers.panda198271.tw-web-motion/web-motion","url":"https://registry.modelcontextprotocol.io/v0/servers/dev.workers.panda198271.tw-web-motion%2Fweb-motion","firstSeenAt":"2026-09-28T06:21:03.052Z","fetchedAt":"2026-10-09T14:21:30.781Z","normalizedAt":"2026-10-09T14:21:30.781Z"}]},"firstSeenAt":"2026-09-28T06:21:03.052Z","updatedAt":"2026-10-10T03:28:24.945Z"}