Community · Offizieller Remote-MCP-Server

Der 網頁動畫工具箱 MCP-Server,
verbunden mit einem Klick.

網頁動畫工具箱: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

Server nutzen

網頁動畫工具箱 in einer Minute in deine KI einbinden

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/mcp

Run in your terminal, then restart Claude Code.

網頁動畫工具箱 · https://motion.penguindriver.com/mcp

Was du damit machen kannst

Was deine KI mit 網頁動畫工具箱 kann

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。.”

Security-Check

Wie sicher ist der 網頁動畫工具箱-MCP-Server?

Jeder Server im gate-Verzeichnis muss dieselben vier Prüfungen bestehen, bevor deine KI ihn anfassen darf. So schneidet 網頁動畫工具箱 ab.

✓ Verifizierter Verzeichnis-Server網頁動畫工具箱 · penguindriver.com

Offizieller Endpunkt

Betrieben von 網頁動畫工具箱 (penguindriver.com) am dokumentierten MCP-Endpunkt — kein Drittanbieter-Mirror, kein Community-Re-Host.

Keine Anmeldung nötig

Dieser Server stellt nur öffentliche Daten bereit — beim Verbinden sind weder Konto noch Zugangsdaten im Spiel.

Geprüft vor dem Livegang

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.

Auf Drift überwacht

Wenn 網頁動畫工具箱 später Tools ändert oder hinzufügt, scannt gate erneut und warnt dich — bevor deine KI danach handelt.

So funktioniert's

In drei Schritten verbunden

01

Gate verbinden

Füge eine Gateway-URL zu Claude, ChatGPT oder jedem MCP-Client hinzu. Einmalig, dauert etwa zwei Minuten.

02

網頁動畫工具箱 auswählen

Wähle 網頁動畫工具箱 im gate-Verzeichnis. Keine Anmeldung nötig.

03

Überall nutzen

Die Tools von 網頁動畫工具箱 sind in jedem verbundenen KI-Client live — Regeln und Protokoll inklusive.

網頁動畫工具箱 kostenlos verbinden

Kostenlos starten · Keine Kreditkarte · Kein Hosting nötig

Direkt vom Server

Die echten Tools, die 網頁動畫工具箱 bereitstellt

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 的授權與適用情境。

Autor

Wer betreibt den 網頁動畫工具箱-MCP-Server?

Server-Fakten

Der 網頁動畫工具箱-MCP-Server auf einen Blick

Endpunkthttps://motion.penguindriver.com/mcp
Betrieben von網頁動畫工具箱 (penguindriver.com)
KategorieCommunity
AnmeldungKeine — nur öffentliche Daten
Verfügbar in gateJa — Ein-Klick-Connect
Funktioniert mitClaude, ChatGPT, Cursor & jedem MCP-Client
FAQ

Häufige Fragen

Gibt es einen offiziellen 網頁動畫工具箱-MCP-Server?

Ja — 網頁動畫工具箱 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.

Wie verbinde ich 網頁動畫工具箱 mit Claude oder ChatGPT?

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.

Muss ich etwas hosten?

Nein. 網頁動畫工具箱 betreibt den Server, und gate ist vollständig verwaltet. Du verbindest nur eine URL — nichts installieren, deployen oder warten.

Ist der 網頁動畫工具箱-MCP-Server sicher?

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.

Ist das kostenlos?

Ja — du kannst gate kostenlos nutzen und 網頁動畫工具箱 in Minuten verbinden. Keine Kreditkarte nötig.

Weitere Server

Verbinde mehr als nur 網頁動畫工具箱

Jeder Server unten läuft über dieselbe Gateway-URL — einmal verbinden, Tools jederzeit dazunehmen.

網頁動畫工具箱 einrichten in: Claude · Claude Code · ChatGPT · Cursor · VS Code

Gib deiner KI 網頁動畫工具箱 — sicher.

Eine URL. Alle MCPs. Volle Kontrolle. Kostenlos starten.

Kostenlos loslegen