{"$schema":"https://wellknown.network/schemas/agent-record-v1.json","schemaVersion":"1","id":"ag_zuukgsygph83","handle":"com-penguindriver-wang-ye-dong-hua-gong-ju-xiang","url":"https://wellknown.network/agents/com-penguindriver-wang-ye-dong-hua-gong-ju-xiang","links":{"self":"https://wellknown.network/agents/com-penguindriver-wang-ye-dong-hua-gong-ju-xiang/record.json","html":"https://wellknown.network/agents/com-penguindriver-wang-ye-dong-hua-gong-ju-xiang","markdown":"https://wellknown.network/agents/com-penguindriver-wang-ye-dong-hua-gong-ju-xiang/record.md","api":"https://wellknown.network/api/v1/agents/com-penguindriver-wang-ye-dong-hua-gong-ju-xiang","status":"https://wellknown.network/api/v1/agents/com-penguindriver-wang-ye-dong-hua-gong-ju-xiang/status","claim":"https://wellknown.network/agents/com-penguindriver-wang-ye-dong-hua-gong-ju-xiang/claim","claimApi":"https://wellknown.network/api/v1/claims","claimDescriptor":"https://wellknown.network/agents/com-penguindriver-wang-ye-dong-hua-gong-ju-xiang/claim.json","badge":"https://wellknown.network/agents/com-penguindriver-wang-ye-dong-hua-gong-ju-xiang/badge.svg","openapi":"https://wellknown.network/openapi.json","history":"https://wellknown.network/api/v1/agents/com-penguindriver-wang-ye-dong-hua-gong-ju-xiang/history","tools":"https://wellknown.network/api/v1/agents/com-penguindriver-wang-ye-dong-hua-gong-ju-xiang/tools"},"ard":{"identifier":"urn:air:motion.penguindriver.com:server:com-penguindriver-wang-ye-dong-hua-gong-ju-xiang","type":"application/mcp-server-card+json"},"kind":"mcp_server","declared":{"name":"網頁動畫工具箱","summary":"網頁動畫工具箱：CSS 動畫、easing、影片壓縮與互動設計。台灣繁體中文 MCP 工具。","description":"網頁動畫工具箱：CSS 動畫、easing、影片壓縮與互動設計。台灣繁體中文 MCP 工具。","publisher":{"name":"com.penguindriver","url":null},"homepage":"https://motion.penguindriver.com","repository":null,"version":"1.0.0","license":null,"protocols":["mcp"],"tags":[],"pricing":null,"endpoints":[{"url":"https://motion.penguindriver.com/mcp","type":"mcp_streamable_http","auth":null,"probeable":true}],"skills":null,"tools":null,"extra":{"updatedAt":"2026-09-28T07:54:56.46119Z","publishedAt":"2026-09-28T07:54:56.46119Z","registryName":"com.penguindriver/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 33m ago.","lastOkAt":"2026-10-10T02:30:02.658Z","lastProbedAt":"2026-10-10T02:30:02.658Z","statusComputedAt":"2026-10-10T02:31:49.273Z","reliability30d":{"probes":35,"successRate":1,"p50Ms":25,"basis":"service","measures":{"availability":"availability","latency":"response time","tools":"tool surface observed","summary":"Checks reached the service itself."},"checks":{"total":35,"ok":35,"authBoundaryOk":0,"serviceOk":35,"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-10T02:30:02.658Z","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-09T19:27:14.006Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":16,"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-09T12:28:17.946Z","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-09T05:25:28.959Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":15,"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-08T22:23:23.109Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":30,"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-08T15:24:38.763Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":67,"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-08T08:30:10.826Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":88,"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-08T02:22:09.658Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":13,"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-07T19:23:46.040Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":17,"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-07T12:30:35.838Z","kind":"mcp_initialize","ok":true,"httpStatus":200,"latencyMs":68,"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_6e5x55wg9hdm","endpointId":"ep_dqyjwztjsg6u","hash":"cb7c6dd990f93a05f286a23346f82678640c8192264530babcf39145ea09c612","toolCount":8,"serverName":"tw-web-motion","serverVersion":"1.0.0","protocolVersion":"2025-06-18","firstSeenAt":"2026-09-30T17:30:48.448Z","lastSeenAt":"2026-10-10T02:30:02.654Z","observations":35,"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_dqyjwztjsg6u","url":"https://motion.penguindriver.com/mcp","type":"mcp_streamable_http","factsCheckedAt":"2026-10-08T22:23:23.105Z","auth":{"observedAt":"2026-10-08T22:23:23.130Z","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-08T22:23:23.143Z","protocol":"TLSv1.3","chainValid":true,"chainError":null,"hostMatches":true,"subject":"penguindriver.com","issuer":{"commonName":"WE1","organization":"Google Trust Services"},"validFrom":"2026-09-27T15:12:40.000Z","validTo":"2026-12-26T16:12:37.000Z","daysToExpiry":77,"sanCount":3,"fingerprint256":"C8:3B:50:17:42:C1:09:EC:85:65:91:F8:83:F0:5B:9D:C3:34:42:FB:AB:EA:5F:3F:B2:C7:63:62:ED:8E:E9:38"}}]},"verification":{"claimed":false,"claimedAt":null,"proofs":[]},"provenance":{"sources":[{"source":"mcp_registry","key":"com.penguindriver/motion","url":"https://registry.modelcontextprotocol.io/v0/servers/com.penguindriver%2Fmotion","firstSeenAt":"2026-09-30T17:22:49.991Z","fetchedAt":"2026-10-09T09:23:06.467Z","normalizedAt":"2026-10-09T09:23:06.467Z"}]},"firstSeenAt":"2026-09-30T17:22:49.991Z","updatedAt":"2026-10-10T02:32:41.774Z"}