網頁動畫工具箱

com.penguindriver由 penguindriver.com 发布官方发布者v1.0.0更新于 Oct 24, 2026

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

发布方自己的服务：台灣 AI 工具價格

已验证Streamable HTTP可网页运行开发者工具媒体与设计

概览

AI 生成的概览

一个远程 MCP 服务器，用于生成 CSS 动画代码（缓动曲线、关键帧、渐变、弹簧转 linear()），并提供网页动画的浏览器支持、无障碍与工具库参考。

可以做什么
按名称预设或四个控制点生成 CSS 缓动曲线，附 Web Animations API 示例与采样点，并把弹簧物理参数转换为 CSS linear() 缓动与建议时长。按 fadeIn、slideInLeft、pulse、typing 等预设生成 CSS @keyframes 动画，含减少动态模式版本。生成 linear、radial、conic 三种 CSS 渐变，可选流动动画与渐变文字。为网页背景视频压缩生成 ffmpeg 命令与 HTML video 写法。查询动画特性的浏览器支持版本，提供无障碍与性能检查清单，并比较各类动画工具库。
适用场景
适合在制作或审查网页动画时使用：挑选缓动曲线、编写关键帧或渐变、准备背景视频、核对浏览器支持与减少动态的无障碍要求，或在 CSS、GSAP、Motion 等库之间做选择。
运行要求
远程 streamable HTTP 端点；未声明需要安装软件包、环境变量或请求头。未声明需要身份验证。
安装前请注意
工具只返回生成的代码与建议，不会改动任何内容，使用前仍应自行检查输出。未显示需要凭据、付费或写入数据。

安装

在 SourceWeft 中

  1. 打开 控制台中的 網頁動畫工具箱，将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Web executable，通过 Streamable HTTP。 远程服务在工作区中配置后即可从网页运行时运行。

交给智能体安装

把这段提示词粘贴到 Claude Code、Codex、Cursor 等智能体，或 SourceWeft 对话中。智能体会读取该服务器的安装指南，先向你展示发布者、端点和登录方式，经你同意后再把它添加到你的客户端。密钥不会写进任何命令。

阅读 https://sourceweft.com/mcp/com.penguindriver%2Fmotion/install.md，并按其中说明把这个 MCP 服务器接入我的客户端。修改任何配置之前，先告诉我它的发布者、端点和登录方式，等我确认。不要把 API 密钥写进命令或我会提交的文件；问我密钥应从哪里获取。

查看智能体所依据的安装指南

其他 MCP 客户端

把它添加到你客户端的 mcpServers 配置中。

{
  "mcpServers": {
    "com-penguindriver-motion-7qwp": {
      "type": "http",
      "url": "https://motion.penguindriver.com/mcp"
    }
  }
}

工具

8

generate_easing

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

输入参数x1x2y1y2name

spring_to_css_linear

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

输入参数massdampingstiffness

generate_keyframes

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

输入参数delayeasingpreset必填durationiterations

generate_gradient

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

输入参数typeanglespeedcolors必填animate

web_video_ffmpeg

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

输入参数fpsaudioinputwidthoutputquality

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

无需输入参数。

版本历史

1
  1. v1.0.0最新Sep 28, 2026

评分

已满足适用检查项的 83%

该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。

  • 近 30 天内可连通必需25 分
  • 已声明认证方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 图标10 分
  • 文档15 分

    请声明包含 README 的 GitHub 仓库，或在 OAuth 受保护资源元数据中提供 resource_documentation。

  • 许可证不适用

    托管服务按其提供方的条款使用，因此这里不要求许可证。此检查项不计入百分比。

其他 Penguindriver 集成

台灣 AI 工具價格

com.penguindriver官方发布者

台湾 AI 工具价格 MCP 服务器，让助手比较 AI 订阅与 API 费用并换算新台币。

Streamable HTTP可网页运行
金融5 个工具Oct 24, 2026

美食神仙籤筒

com.penguindriver官方发布者

一个远程 MCP 服务器，用神明抽签的方式决定吃什么，并可从台湾某坐标附近营业中的店家抽一间。

Streamable HTTP可网页运行
位置与生活4 个工具Oct 25, 2026

亞洲公仔扭蛋情報站

com.penguindriver官方发布者

亚洲公仔扭蛋情报站的远程 MCP 服务器，让助手搜索商品、查询发售表、新闻、视频与交换信息

Streamable HTTP可网页运行
位置与生活9 个工具Oct 25, 2026

好片分享排行榜

com.penguindriver官方发布者

一个远程 MCP 服务器，让助手浏览台湾网友在 YouTube、Instagram、Facebook、X、TikTok 和 Threads 上分享的热门影片与贴文排行。

Streamable HTTP可网页运行
网页搜索与抓取5 个工具Oct 24, 2026

AI 模型下架與替代日程

com.penguindriver官方发布者

远程 MCP 服务器，让助手查询 OpenAI、Claude、Gemini 模型的弃用状态、下架日期与官方建议替代模型。

Streamable HTTP可网页运行
开发者工具6 个工具Oct 24, 2026