MCP Radar
Servidor MCP

網頁動畫工具箱

com.penguindriver/motion
Diseño y creatividad Herramientas para desarrolladores Público y accesible MCP 2026-07-28

Qué hace este MCP

Generates and evaluates web animation assets, easing curves, gradients, keyframes, accessibility guidance, browser support information, and video compression commands.

Capacidades

Herramientas

8 herramientas
animation_a11y_checklist
網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。
Esquema de entrada 
{'type': 'object', 'properties': {}}
animation_browser_support
網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。
Esquema de entrada 
{'type': 'object', 'properties': {}}
compare_animation_libraries
比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。
Esquema de entrada 
{'type': 'object', 'properties': {}}
generate_easing
產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。
Esquema de entrada 
{'type': 'object', 'properties': {'x1': {'type': 'number'}, 'x2': {'type': 'number'}, 'y1': {'type': 'number'}, 'y2': {'type': 'number'}, 'name': {'type': 'string'}}}
generate_gradient
產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。
Esquema de entrada 
{'type': 'object', 'required': ['colors'], 'properties': {'type': {'type': 'string'}, 'angle': {'type': 'number'}, 'speed': {'type': 'number'}, 'colors': {'type': 'string'}, 'animate': {'type': 'boolean'}}}
generate_keyframes
產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing
Esquema de entrada 
{'type': 'object', 'required': ['preset'], 'properties': {'delay': {'type': 'number'}, 'easing': {'type': 'string'}, 'preset': {'type': 'string'}, 'duration': {'type': 'number'}, 'iterations': {'type': 'string'}}}
spring_to_css_linear
把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。
Esquema de entrada 
{'type': 'object', 'properties': {'mass': {'type': 'number'}, 'damping': {'type': 'number'}, 'stiffness': {'type': 'number'}}}
web_video_ffmpeg
產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。
Esquema de entrada 
{'type': 'object', 'properties': {'fps': {'type': 'number'}, 'audio': {'type': 'boolean'}, 'input': {'type': 'string'}, 'width': {'type': 'number'}, 'output': {'type': 'string'}, 'quality': {'enum': ['high', 'balanced', 'small'], 'type': 'string'}}}
Historial

Cambios recientes en herramientas

Añadido
compare_animation_libraries
29 de September de 2026 a las 02:40
Añadido
animation_a11y_checklist
29 de September de 2026 a las 02:40
Añadido
animation_browser_support
29 de September de 2026 a las 02:40
Añadido
web_video_ffmpeg
29 de September de 2026 a las 02:40
Añadido
generate_gradient
29 de September de 2026 a las 02:40
Añadido
generate_keyframes
29 de September de 2026 a las 02:40
Añadido
spring_to_css_linear
29 de September de 2026 a las 02:40
Añadido
generate_easing
29 de September de 2026 a las 02:40
Descubrir

Servidores MCP similares

GripForge

io.github.gripforgeai/mcp

Generates, rigs, animates, analyzes, and packages game characters, weapons, armor, effects, environments, and engine-ready assets.

spriteship

com.spriteship/spriteship

Generates and manages 2D game characters, assets, animations, tilesets, UI packs, maps, and engine-ready exports for multiple gam…

Blixtworks

com.blixtworks.www/tools

Offers pay-per-call utilities for text, image processing and analysis, data conversion, validation, web inspection, cryptography,…

Compose Preview Catalogs

io.github.yschimke/compose-preview

Browses, renders, compares, audits, and edits Jetpack Compose preview catalogs and associated UI designs.

arch-tools-mcp

io.github.Deesmo/arch-tools-mcp

Provides general-purpose agent APIs for browser automation, web and PDF extraction, data conversion, email operations, fact check…

kernelcad

com.kernelcad/kernelcad

Authors, evaluates, reviews, simulates, edits, and exports parametric CAD assemblies and geometry from editable TypeScript-based …

floot

com.floot/floot

Creates, edits, previews, databases, and publishes full-stack web and mobile applications with hosted resources and deployment wo…

Raven

ai.ravenmcp/raven-mcp

Supports coding agents with design audits, design-system guidance, and a configurable visual preference profile.