generate_easing
產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。
輸入參數
x1x2y1y2name
網頁動畫工具箱
com.penguindriver由 penguindriver.com 發布官方發布者v1.0.0更新於 Oct 24, 2026
網頁動畫工具箱：CSS 動畫、easing、影片壓縮與互動設計。台灣繁體中文 MCP 工具。
發布方自己的服務：台灣 AI 工具價格
概覽
AI 產生的概覽
一個遠端 MCP 伺服器，用來產生 CSS 動畫程式碼（緩動曲線、關鍵影格、漸層、彈簧轉 linear()），並提供網頁動畫的瀏覽器支援、無障礙與工具庫參考。
- 可以做什麼
- 依名稱預設或四個控制點產生 CSS 緩動曲線，附 Web Animations API 範例與取樣點，並把彈簧物理參數轉成 CSS linear() 緩動與建議時間。依 fadeIn、slideInLeft、pulse、typing 等預設產生 CSS @keyframes 動畫，含減少動態模式版本。產生 linear、radial、conic 三種 CSS 漸層，可選流動動畫與漸層文字。為網頁背景影片壓縮產生 ffmpeg 指令與 HTML video 語法。查詢動畫功能的瀏覽器支援版本，提供無障礙與效能檢查清單，並比較各類動畫工具庫。
- 適用情境
- 適合在製作或檢視網頁動畫時使用：挑選緩動曲線、撰寫關鍵影格或漸層、準備背景影片、核對瀏覽器支援與減少動態的無障礙要求，或在 CSS、GSAP、Motion 等工具庫之間做選擇。
- 執行需求
- 遠端 streamable HTTP 端點；未宣告需要安裝套件、環境變數或請求標頭。未宣告需要身分驗證。
安裝前請注意
工具只回傳產生的程式碼與建議，不會變更任何內容，使用前仍應自行檢查輸出。未顯示需要憑證、付費或寫入資料。
安裝
在 SourceWeft 中
- 開啟 儀表板中的 網頁動畫工具箱，將其新增到工作區。
- 為需要使用其工具的對話啟用該服務。
Web executable，透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。
交給代理程式安裝
把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。
閱讀 https://sourceweft.com/mcp/com.penguindriver%2Fmotion/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。其他 MCP 客戶端
把它新增到你客戶端的 mcpServers 設定中。
{
"mcpServers": {
"com-penguindriver-motion-7qwp": {
"type": "http",
"url": "https://motion.penguindriver.com/mcp"
}
}
}工具
8spring_to_css_linear
把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。
輸入參數
massdampingstiffnessgenerate_keyframes
產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing
輸入參數
delayeasingpreset必填durationiterationsgenerate_gradient
產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。
輸入參數
typeanglespeedcolors必填animateweb_video_ffmpeg
產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。
輸入參數
fpsaudioinputwidthoutputqualityanimation_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 的授權與適用情境。
無需輸入參數。
版本歷史
1- v1.0.0最新Sep 28, 2026
評分
已滿足適用檢查項的 83%
該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。
- 近 30 天內可連通必需25 分
- 已宣告認證方式必需10 分
- 已列出工具必需15 分
- 描述必需15 分
- 圖示10 分
- 文件15 分
請宣告包含 README 的 GitHub 儲存庫，或在 OAuth 受保護資源後設資料中提供 resource_documentation。
- 授權條款不適用
託管服務按其提供方的條款使用，因此這裡不要求授權條款。此檢查項不計入百分比。
其他 Penguindriver 整合
台灣 AI 工具價格
com.penguindriver官方發布者
台灣 AI 工具價格 MCP 伺服器，讓助理比較 AI 訂閱與 API 費用並換算新台幣。
Streamable HTTP可網頁執行
金融5 個工具Oct 24, 2026
美食神仙籤筒
com.penguindriver官方發布者
一個遠端 MCP 伺服器，用神明抽籤的方式決定吃什麼，並可從台灣某座標附近營業中的店家抽一間。
Streamable HTTP可網頁執行
位置與生活4 個工具Oct 25, 2026
亞洲公仔扭蛋情報站
com.penguindriver官方發布者
亞洲公仔扭蛋情報站的遠端 MCP 伺服器，讓助理搜尋商品、查詢發售表、新聞、影片與交換資訊
Streamable HTTP可網頁執行
位置與生活9 個工具Oct 25, 2026
好片分享排行榜
com.penguindriver官方發布者
一個遠端 MCP 伺服器，讓助理瀏覽台灣網友在 YouTube、Instagram、Facebook、X、TikTok 和 Threads 上分享的熱門影片與貼文排行。
Streamable HTTP可網頁執行
網頁搜尋與抓取5 個工具Oct 24, 2026
AI 模型下架與替代日程
com.penguindriver官方發布者
遠端 MCP 伺服器，讓助理查詢 OpenAI、Claude、Gemini 模型的淘汰狀態、下架日期與官方建議替代模型。
Streamable HTTP可網頁執行
開發者工具6 個工具Oct 24, 2026