Skip to main content
Glama
Sign In

網頁動畫工具箱

by com.penguindriver
OverviewDiscussionsAdmin

Server Details

網頁動畫工具箱：CSS 動畫、easing、影片壓縮與互動設計。台灣繁體中文 MCP 工具。

If you are the author of this connector, you can claim ownership by verifying the domain or GitHub account it belongs to. Claimed connector authors can inspect health checks, view analytics, and manage their listing.
Status
Healthy
Uptime
100.0% over the last 24 hours
Last Tested
Transport
Streamable HTTP · MCP 2025-11-25
URL
ChatGPT
–
Claude
–

TDQS

B3.3/5.0

Scored across 8 tools

Disambiguation4/5

Most tools target clearly distinct outputs: checklists, browser support, library comparison, gradients, keyframes, spring physics, and video compression. The main overlap is generate_easing and spring_to_css_linear, which both produce CSS easing/linear() timing functions and could be confused without reading descriptions.

Naming Consistency3/5

All names use snake_case, which is readable, but the naming patterns are mixed: animation_*, generate_*, compare_*, spring_to_css_linear, and web_video_ffmpeg. There is no single predictable verb_noun convention across the set.

Tool Count5/5

Eight tools is a well-scoped size for a web animation toolbox. Each tool covers a distinct utility area, and the set avoids both trivial thinness and excessive bloat.

Completeness4/5

The set covers accessibility, browser support, library comparison, easing, gradients, keyframes, spring conversion, and video compression. Minor gaps exist, such as a dedicated transition generator or scroll-driven animation generator, but agents can work around them with existing tools.

Available Tools

8 tools
animation_a11y_checklistAInspect

網頁動畫無障礙與效能檢查清單（WCAG 2.2.2、2.3.1、2.3.3、prefers-reduced-motion、CLS、LCP），附全站減少動態 CSS。

Inputs: no named parameters.

animation_browser_supportBInspect

網頁動畫功能瀏覽器支援版本：View Transitions、捲動驅動動畫、linear()、@starting-style、Web Animations API。

Inputs: no named parameters.

compare_animation_librariesAInspect

比較網頁動畫工具：CSS、Web Animations API、GSAP、Motion、Anime.js、Lottie、Rive、Three.js、Lenis 的授權與適用情境。

Inputs: no named parameters.

generate_easingBInspect

產生 CSS cubic-bezier 緩動曲線：用名稱（easeOutCubic、easeInOutBack、materialStandard 等 32 種）或四個控制點，回傳 CSS、Web Animations API 範例與取樣點。

Inputs: x1, x2, y1, y2, +1 more.

generate_gradientCInspect

產生 CSS 漸層（linear、radial、conic），可選流動動畫與漸層文字。colors 用逗號分隔 HEX。

Inputs: colors (required), type, angle, speed, +1 more.

generate_keyframesCInspect

產生 CSS @keyframes 動畫（含減少動態模式）。preset：fadeIn,fadeInUp,fadeInDown,slideInLeft,slideInRight,zoomIn,pulse,bounce,shake,spin,float,heartbeat,flipIn,blurIn,typing

Inputs: preset (required), delay, easing, duration, +1 more.

spring_to_css_linearBInspect

把彈簧物理參數（stiffness、damping、mass）模擬後轉成 CSS linear() 緩動函式與建議時間。

Inputs: mass, damping, stiffness.

web_video_ffmpegCInspect

產生網頁背景影片壓縮的 ffmpeg 指令（H.264、VP9、AV1、poster）與 HTML video 語法。

Inputs: fps, audio, input, width, +2 more.

Tool Schema Changelog

Recent tool additions, removals, and schema changes observed during successful MCP inspections.

    Related MCP Connectors

    Related MCP Servers

    • pi-motion-studio

      drvova
      A
      license
      Not graded
      quality
      D
      maintenance
      MCP server for CSS spring animations, bounce easing, cubic-bezier visualizations, and Motion code search.
      MIT

    • aimo

      uxKero
      A
      license
      Not graded
      quality
      C
      maintenance
      Exposes 51 tools that let MCP clients open code-based videos as an interactive timeline and edit them directly: retyping on-video text, dragging numbers and colors in the drawing code, moving and muting sounds, and leaving notes on frames. Also covers image generation and exporting to MP4, WebM, GIF, PNG or a single frame with platform presets.
      4
      MIT

    • animotion-mcp

      animotion-mcp
      A
      license
      Not graded
      quality
      D
      maintenance
      745+ CSS3 animations and 9,000+ real SVG icons (Lucide, Heroicons, Tabler, Bootstrap) for AI coding agents. Zero-clone setup via npx animotion-mcp. 10 MCP tools including search_animations, get_icon, suggest_animation, compose_animation, and more.
      13
      MIT
    Try in Browser
    Claude Code, inside the Godot 4 editorFlockbay puts an AI agent in the real Godot 4 editor: it writes GDScript, runs your game and fixes what breaks. Free, or bring your own Claude Code or Codex.flockbay.comAd

    Glama MCP Gateway

    Add one secure layer between your agents and this server.

    Resources