The 網頁動畫工具箱 MCP server,
connected in one click.
網頁動畫工具箱：CSS 動畫、easing、影片壓縮與互動設計。台灣繁體中文 MCP 工具。. Connect the official 網頁動畫工具箱 MCP server to Claude, ChatGPT, or Cursor through gate — one gateway URL, no config files, security-checked.
Free to start · No credit card · No hosting needed
Add 網頁動畫工具箱 to your AI in one minute
Pick your client. Copy, paste, done — or let gate handle sign-ins and policies for you.
claude mcp add --transport http server-motion https://motion.penguindriver.com/mcpRun in your terminal, then restart Claude Code.
網頁動畫工具箱 · https://motion.penguindriver.com/mcp
What your AI can do with 網頁動畫工具箱
Real prompts you can type the moment it's connected — no setup, no docs to read.
“Use “generate_easing”: 產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。.”
“Use “spring_to_css_linear”: 把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。.”
“Use “generate_keyframes”: 產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flip.”
“Use “generate_gradient”: 產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。.”
How secure is the 網頁動畫工具箱 MCP server?
Every server in the gate directory has to pass the same four checks before your AI can touch it. Here's how 網頁動畫工具箱 holds up.
Official endpoint
Operated by 網頁動畫工具箱 (penguindriver.com) at its documented MCP endpoint — not a third-party mirror or community re-host.
No sign-in needed
This server only exposes public data — no account and no credentials are involved when you connect.
Scanned before it goes live
gate checks every tool for prompt injection, hidden instructions, data-exfiltration hints, and over-broad permissions before the server is available through your gateway.
Watched for drift
If 網頁動畫工具箱 adds or changes tools later, gate re-scans and alerts you — before your AI acts on the change.
Connected in three steps
Connect your gate
Add one gateway URL to Claude, ChatGPT, or any MCP client. One-time setup, about two minutes.
Pick 網頁動畫工具箱
Choose 網頁動畫工具箱 in the gate directory. No sign-in needed.
Use it anywhere
網頁動畫工具箱's tools are live in every AI client you've connected — with rules and logging built in.
Free to start · No credit card · No hosting needed
The actual tools 網頁動畫工具箱 exposes
Fetched live from the official endpoint and re-checked daily by gate — not marketing copy.
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,flip
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 的授權與適用情境。
Who runs the 網頁動畫工具箱 MCP server?
The 網頁動畫工具箱 MCP server at a glance
https://motion.penguindriver.com/mcpQuestions, answered
Is there an official 網頁動畫工具箱 MCP server?
Yes — 網頁動畫工具箱 operates its own remote MCP server at motion.penguindriver.com. gate connects you to that official endpoint and adds security scanning, per-tool access rules, and an activity log on top.
How do I connect 網頁動畫工具箱 to Claude or ChatGPT?
Add gate's gateway URL to your AI client once, then pick 網頁動畫工具箱 in the directory. No account or sign-in is needed. From then on, 網頁動畫工具箱's tools are available in every client you've connected to gate.
Do I need to host anything?
No. 網頁動畫工具箱 runs the server, and gate is fully managed. You just connect one URL — there's nothing to install, deploy, or maintain.
Is the 網頁動畫工具箱 MCP server safe to connect?
It's the vendor's official endpoint, and gate scans its tools for prompt injection and hidden instructions before it goes live, re-checks it whenever it changes, and lets you allow, block, or require approval for every single tool.
Is it free?
Yes — you can get started with gate for free and connect 網頁動畫工具箱 in minutes. No credit card required.
Connect more than just 網頁動畫工具箱
Every server below works through the same gateway URL — connect once, add tools anytime.
Squarespace DomainsDesignView →Set up 網頁動畫工具箱 in: Claude · Claude Code · ChatGPT · Cursor · VS Code