原型 · 预览版:收录官方注册中心里的全部服务器,每 30 分钟同步一次。使用 Google 登录即可撰写评价。
PopNx MCP为使用 AI 的人准备的 MCP 服务器 · 用大白话讲清楚

Motion Menu

作者:dev55acc-ai版本 16.0.0i★ –i在云端运行
注册名称io.github.dev55acc-ai/motion-menu

安装方法

What it does

597 motion/3D UI patterns as ready HTML/CSS/JS, served over MCP. The entire library is free.

  • Connects 在云端运行
  • Account or key No key needed
  • Category 设计、图片与音频

安装

选择你使用的 AI 应用,然后复制设置。

通过 2/3 项检查 · 你的提问会经过开发者的服务器(www.motionmenu.ca)

第一步:你用哪个 AI?

选择你用的应用,步骤会显示在下方。

可连接 Claude · 约 2 分钟

不需要密钥,不用安装程序 · 在 claude.ai 或桌面应用设置一次,即可在聊天中使用 · 免费账户可添加 1 个 · Team/Enterprise 方案由所有者(Owner)添加

  1. 打开 Claude 的 Connectors 页面

    CustomizeConnectors

    CustomizeConnectors1+ Add2https://…3Add4
  2. 点击“+ Add” → “Add custom connector”,填写这 2 项

    把这里的内容复制到 Claude 中同名的输入框,然后点击 Continue

    Name · 名称Motion Menu
    Remote MCP server URL · 地址https://www.motionmenu.ca/api/mcp

    Authentication 保持 Claude 检测到的设置,然后点击 Add

  3. 在聊天中开启

    +ConnectorsMotion Menu

  4. 试一试

    用 Motion Menu 告诉我你能帮我做什么,然后做一件给我看

    ✓ 如果 Claude 说正在使用 Motion Menu,或回答中出现 Motion Menu 的工具名称,就表示连接成功

菜单名称已于 2026年11月11日 对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同

仅企业版 ChatGPT 可连接

适用于网页版 ChatGPT Business、Enterprise 或 Edu,需由工作区管理员或所有者添加 · 使用 Free、Plus 或 Pro:你的 ChatGPT 方案暂时无法自行连接 MCP

  1. 在网页版 ChatGPT 打开添加 MCP 的页面

    Plugins+Add custom MCP server

    ChatGPTPlugins1+2https://…3Create4
  2. 填写名称和地址

    输入名称,在 Connection 下粘贴地址,勾选风险提示,然后点击 Create as a plugin

    Name · 名称Motion Menu
    Connection · 地址https://www.motionmenu.ca/api/mcp
  3. 在聊天中选择 Motion Menu

    开启新聊天,输入前先从插件列表中选择 Motion Menu

  4. 试一试

    用 Motion Menu 告诉我你能帮我做什么,然后做一件给我看

    ✓ 如果 ChatGPT 说正在使用 Motion Menu,或回答中出现 Motion Menu 的工具名称,就表示连接成功

菜单名称已于 2026年11月11日 对照 OpenAI 帮助页面核实 · 你的界面可能因版本略有不同

可连接 Claude Code · 约 2 分钟

不需要密钥,不用安装程序

  1. 打开终端

    Mac:按 Command+空格,输入 Terminal · Windows:打开 PowerShell

  2. 粘贴这条命令并按 Enter

    claude mcp add --transport http --scope user motion-menu https://www.motionmenu.ca/api/mcp
  3. 在 Claude Code 中输入 /mcp

    应能看到 Motion Menu 在列表中并显示已连接

  4. 试一试

    用 Motion Menu 告诉我你能帮我做什么,然后做一件给我看

    ✓ 如果 Claude Code 说正在使用 Motion Menu,或回答中出现 Motion Menu 的工具名称,就表示连接成功

菜单名称已于 2026年11月11日 对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同

可连接 Cursor · 约 2 分钟

不需要密钥,不用安装程序

  1. 点击这个按钮打开 Cursor

    在 Cursor 中打开

    Cursor 会请你确认安装,点击 Install

  2. 在 Cursor 中以 Agent 模式打开 AI 聊天

  3. 试一试

    用 Motion Menu 告诉我你能帮我做什么,然后做一件给我看

    ✓ 如果 Cursor 说正在使用 Motion Menu,或回答中出现 Motion Menu 的工具名称,就表示连接成功

菜单名称已于 2026年11月11日 对照 Cursor 帮助页面核实 · 你的界面可能因版本略有不同

可连接 VS Code · 约 2 分钟

不需要密钥,不用安装程序

  1. 点击这个按钮打开 VS Code

    在 VS Code 中打开

    VS Code 会请你确认安装,点击 Install

  2. 在 VS Code 中以 Agent 模式打开 AI 聊天

  3. 试一试

    用 Motion Menu 告诉我你能帮我做什么,然后做一件给我看

    ✓ 如果 VS Code 说正在使用 Motion Menu,或回答中出现 Motion Menu 的工具名称,就表示连接成功

菜单名称已于 2026年11月11日 对照 VS Code 帮助页面核实 · 你的界面可能因版本略有不同

其他支持 MCP 的应用(如 Windsurf、Zed、Gemini CLI)添加方式各不相同,请在应用列表中查看

查看所有支持 MCP 的应用 →

通过网页连接的应用使用的地址

地址https://www.motionmenu.ca/api/mcp

JSON 设置在下方“开发者专用”中

卡住了?问问正在用 Motion Menu 的人💬 讨论 →
开发者专用:终端命令和 JSON 设置

通过网页连接

Claude Code

claude mcp add --transport http --scope user motion-menu https://www.motionmenu.ca/api/mcp

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "motion-menu": {
      "url": "https://www.motionmenu.ca/api/mcp"
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "motion-menu": {
      "type": "http",
      "url": "https://www.motionmenu.ca/api/mcp"
    }
  }
}

这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同,请以 README 为准。

一览

每周下载量i
不在 npm/PyPI 上
许可证i
未注明许可证
连接方式
在云端运行
传输方式
streamable-http
最新版本i
16.0.0
发布到注册中心i
2026年9月1日
代码最后更新i
–
作者
dev55acc-ai
注册状态
活跃

哪些应用可以使用它

依据这个服务器的连接方式和各应用自己的文档,检查于 2026年11月10日。

通过互联网连接,适用于

ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast

全部应用及其优缺点 →

它能做什么

工具名称和描述与服务器在 2026年11月9日 报告的完全一致。这些内容由作者撰写,不是我们写的;我们以纯文本形式显示。

  • list_patterns

    List Motion Menu patterns. Every row is "number slug [tags] · title". ROLE is where the pattern goes on a page (hero, nav, pricing, background, product, form…) — filter by it when you are building a page rather than hunting an effect. The SLUG is the permanent identity — prefer i

  • get_pattern

    Get one pattern by number, including its complete transplantable HTML, CSS and JS. Pass framework to get a ready-to-use component wrapper (react .tsx, vue .vue, svelte .svelte, or vanilla .ts).

  • get_kit

    Get the Motion Menu build kit: the design laws, the one-page act protocol, stack pins, known gotchas, and the full pattern index. Call this FIRST before building a page.

  • get_design_digest

    Get the machine-readable Motion Menu quality contract. Call before build_page. It defines anti-generic composition rules, motion lifecycle, responsive requirements, truth constraints, and release verification gates.

  • check_updates

    Check whether patterns you already built with have changed. Pass the library version you last built against (from `version` in a previous check_updates or /p/manifest.json) and get back exactly which slugs were added, changed or removed — so you re-pull three patterns instead of

  • recommend_patterns

    Intent-aware pattern recommendations. Describe what you are building — industry, style, mood, technical needs — and get scored results with reasons and compatibility suggestions. Returns metadata only (number, slug, title, role, score, reason, compatible_with). Call get_pattern t

  • propose_directions

    Turn a business/page brief into three deliberately different design genomes before choosing components. Each direction defines layout grammar, typography, imagery, motion physics, density rhythm, and explicit avoid rules. Pass a returned direction_id into build_page with the same

  • build_page

    Design a complete page from intent. Returns an act map — 5–7 acts in page order, each with a purpose, recommended patterns (by slug), and a density rating (loud/quiet). Follows the one-page protocol: density wave pacing, one GL spectacle, 12–18 viewport-heights. Feed the result s

  • validate_combination

    Check whether a set of patterns work well together. Pass the slugs (or numbers) of patterns you plan to combine on a page and get a compatibility report: overall score, per-pair analysis, style/industry coherence, intensity balance, page-flow coverage, and warnings (duplicate rol

  • audit_page

    Audit an EXISTING page (yours or a client's — any AI builder, any stack) for the default-AI "section grammar" tell: numbered steps, a centered hero with two buttons, 3-up icon cards, a testimonial/FAQ/CTA-band skeleton repeating unchanged. Deterministic, no LLM — every finding ci

  • adapt_pattern

    Adapt a pattern to a brand system. Pass a pattern slug/number and a brand (colors, typography, spacing, radius) and get back the pattern's HTML/CSS/JS with every visual token replaced by the brand's values. The pattern's behavior, motion, and structure are preserved — only its vi

  • critique_page

    Critique a composed page for mechanical design flaws before shipping. Checks for AI-gradient tells, default typography, dead frames, contrast failures, repeated section grammar, motion-safety gaps, placeholder copy, and slop grammar. Returns a score (0-100) and each finding with

  • search_patterns

    Find patterns by meaning, not by keyword. Uses TF-IDF + cosine similarity over the full catalogue metadata (title, tags, style, industry_fit, role, tech). Returns the top-N most semantically related patterns with a relevance score. Use this when recommend_patterns misses because

  • verify_complete

    Discharge the release contract before shipping. Checks 11 requirements against your finished markup — reduced-motion strategy, viewport, visible focus, 44px touch targets, alt text, form labels, no debug spew, no placeholder copy, the recorded manifest version, that every pattern

  • verify_repair

    Re-audit a page you just rewrote from audit_page's prescriptions and get a pass/fail verdict: fresh ai_shaped_score, the delta from the prior audit (pass baseline_score or the whole prior audit_page result as `baseline`), and any tells STILL present, each with a concrete fix inst

基础检查i

我们检查的是任何人都能看到的信息;我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月12日

  • ! 注意

    作者与仓库一致

    发布者(dev55acc-ai)不是仓库所有者(dev55acc-ai);可能是其他人代为上架的

  • … 尚未检查

    仍在维护

    我们还没有从 GitHub 读取这个仓库

  • … 尚未检查

    有许可证

    我们还没有从 GitHub 读取这个仓库

  • ✓ 通过

    端点有响应

    在 302 毫秒内响应(HTTP 200)

  • – 不适用

    使用 OAuth 登录

    无需登录

  • ✓ 通过

    工具描述中没有隐藏指令

    已读取 15 个工具描述,未发现针对 AI 的隐藏指令

讨论

提问、分享技巧或报告无法使用。按“有帮助”数量排序。

还没有帖子,欢迎第一个提问或分享。

此处内容由用户撰写,不代表 PopNx 团队。

使用 Google 登录后发帖

用户评价

还没有评价

用 Google 登录后写评价

与“设计、图片与音频”中的其他服务器比较i

  • 星标数多于此分类中其他 2951 个服务器的 0%
  • 发布到注册中心的时间比此分类中其他 2951 个服务器的 25% 更新
  • 基础检查结果等于或优于此分类中其他 2951 个服务器的 48%

与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时,星标数才计入。

常见问题

Motion Menu 安全吗?

它在 3 项适用的基础检查中通过了 2 项。我们没有阅读代码。在添加密钥或令牌之前,请先看看这个服务器要求哪些权限,并使用只具备所需权限的密钥。

它需要哪些密钥或代码?

注册中心没有列出必需的密钥,不过有些服务器会在首次使用时要求你登录。

它在我的电脑上运行还是在云端?

它在作者的云端运行。通过互联网连接,无需安装,但你发送的内容会经过作者的服务器。

它还在维护吗?

GitHub 仓库最后更新于–,最新版本(16.0.0)于2个月前进入注册中心。

哪些应用可以使用它?

支持 MCP 的应用,例如 Claude Desktop、Claude Code、Cursor 和 VS Code。它通过 URL 连接,因此也能用于支持远程 MCP 的应用,例如 ChatGPT Business 及以上方案。

有什么可以替代它?

同一分类中有:Figma Context MCP, AutoClip, Next AI Draw.io

同类别的其他选择

同一分类中其他作者的服务器,按星标数排序。

如何看卡片:↓ 每周下载量i★ GitHub 星标i三大支柱:评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i

Figma Context MCP

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

作者:GLips广泛使用↓ 15.2万/周★ 1.6万5个月前更新

在你的电脑上运行

AutoClip

Clip long videos into short clips with covers and captions. Local CLI and MCP.

作者:zhouxiaoka广泛使用↓ 205/周★ 1万15天前更新

在你的电脑上运行

Next AI Draw.io

draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand

作者:DayuanJiang广泛使用↓ 2.2万/周★ 3.7万 整个仓库的星标5天前更新

在你的电脑上运行

作者的 README

仓库中没有找到 README