網頁動畫工具箱:CSS 動畫、easing、影片壓縮與互動設計。台灣繁體中文 MCP 工具。. Verbinde den offiziellen 網頁動畫工具箱-MCP-Server über gate mit Claude, ChatGPT oder Cursor — eine Gateway-URL, keine Config-Dateien, sicherheitsgeprüft.
Kostenlos starten · Keine Kreditkarte · Kein Hosting nötig
Client wählen, kopieren, einfügen — oder gate die Anmeldungen und Regeln übernehmen lassen.
claude mcp add --transport http server-motion https://motion.penguindriver.com/mcpRun in your terminal, then restart Claude Code.
網頁動畫工具箱 · https://motion.penguindriver.com/mcp
Echte Prompts, die du direkt nach dem Verbinden eintippen kannst — ohne Setup, ohne Doku.
“Nutze „generate_easing“: 產生 CSS cubic-bezier 緩動曲線:用名稱(easeOutCubic、easeInOutBack、materialStandard 等 32 種)或四個控制點,回傳 CSS、Web Animations API 範例與取樣點。.”
“Nutze „spring_to_css_linear“: 把彈簧物理參數(stiffness、damping、mass)模擬後轉成 CSS linear() 緩動函式與建議時間。.”
“Nutze „generate_keyframes“: 產生 CSS @keyframes 動畫(含減少動態模式)。preset:fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flip.”
“Nutze „generate_gradient“: 產生 CSS 漸層(linear、radial、conic),可選流動動畫與漸層文字。colors 用逗號分隔 HEX。.”
Jeder Server im gate-Verzeichnis muss dieselben vier Prüfungen bestehen, bevor deine KI ihn anfassen darf. So schneidet 網頁動畫工具箱 ab.
Betrieben von 網頁動畫工具箱 (penguindriver.com) am dokumentierten MCP-Endpunkt — kein Drittanbieter-Mirror, kein Community-Re-Host.
Dieser Server stellt nur öffentliche Daten bereit — beim Verbinden sind weder Konto noch Zugangsdaten im Spiel.
gate prüft jedes Tool auf Prompt Injection, versteckte Anweisungen, Hinweise auf Datenabfluss und zu weitreichende Berechtigungen, bevor der Server über dein Gateway verfügbar ist.
Wenn 網頁動畫工具箱 später Tools ändert oder hinzufügt, scannt gate erneut und warnt dich — bevor deine KI danach handelt.
Füge eine Gateway-URL zu Claude, ChatGPT oder jedem MCP-Client hinzu. Einmalig, dauert etwa zwei Minuten.
Wähle 網頁動畫工具箱 im gate-Verzeichnis. Keine Anmeldung nötig.
Die Tools von 網頁動畫工具箱 sind in jedem verbundenen KI-Client live — Regeln und Protokoll inklusive.
Kostenlos starten · Keine Kreditkarte · Kein Hosting nötig
Live vom offiziellen Endpunkt geladen und täglich von gate neu geprüft — kein Marketing-Text.
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 的授權與適用情境。
https://motion.penguindriver.com/mcpJa — 網頁動畫工具箱 betreibt seinen eigenen Remote-MCP-Server unter motion.penguindriver.com. gate verbindet dich mit genau diesem offiziellen Endpunkt und legt Sicherheits-Scans, Zugriffsregeln pro Tool und ein Aktivitätsprotokoll obendrauf.
Füge die Gateway-URL von gate einmal zu deinem KI-Client hinzu und wähle dann 網頁動畫工具箱 im Verzeichnis. Konto oder Anmeldung sind nicht nötig. Ab dann stehen die Tools von 網頁動畫工具箱 in jedem verbundenen Client zur Verfügung.
Nein. 網頁動畫工具箱 betreibt den Server, und gate ist vollständig verwaltet. Du verbindest nur eine URL — nichts installieren, deployen oder warten.
Es ist der offizielle Endpunkt des Anbieters, und gate scannt seine Tools vor dem Livegang auf Prompt Injection und versteckte Anweisungen, prüft bei jeder Änderung erneut und lässt dich jedes einzelne Tool erlauben, blockieren oder mit Freigabepflicht versehen.
Ja — du kannst gate kostenlos nutzen und 網頁動畫工具箱 in Minuten verbinden. Keine Kreditkarte nötig.
Jeder Server unten läuft über dieselbe Gateway-URL — einmal verbinden, Tools jederzeit dazunehmen.
網頁動畫工具箱 einrichten in: Claude · Claude Code · ChatGPT · Cursor · VS Code
Eine URL. Alle MCPs. Volle Kontrolle. Kostenlos starten.
Kostenlos loslegen