Motion Menu

io.github.dev55acc-ai由 GitHub 账号 dev55acc-ai 发布v16.0.0更新于 Oct 24, 2026

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

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

概览

AI 生成的概览

远程 MCP 服务器,为助手提供 597 个动效与 3D UI 模式(现成 HTML/CSS/JS),并可规划、构建和审查页面。

可以做什么
按角色、标签等条件列出和筛选模式,获取单个模式的完整 HTML、CSS 和 JS,可包装为 React、Vue、Svelte 或原生 TypeScript 组件,并查询自上次构建所用库版本以来哪些模式有变动。获取构建套件、设计法则与质量契约,并获得基于意图的模式推荐。把需求简报转成三个设计方向或整页幕次规划,并检查一组模式能否良好组合。审查现有页面是否存在通用 AI 式版块套路,并对改写后的页面重新验证并给出通过/不通过结论。
适用场景
适合在制作或评审网页与落地页时使用:需要具体的动效/3D 组件、组合建议,以及对模板化版式的确定性检查,而不必从零设计效果。
运行要求
远程 streamable HTTP 端点;未声明软件包、环境变量或请求头。未声明身份验证。
安装前请注意
审查与验证工具评判的是页面版式与结构,其评分应视为启发式参考,而非质量保证。模式代码来自第三方,用于生产前应先行审查。未声明凭据或写入操作。

安装

在 SourceWeft 中

  1. 打开 控制台中的 Motion Menu,将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

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

交给智能体安装

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

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

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

其他 MCP 客户端

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

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

工具

11

list_patterns

List Motion Menu patterns. Every row is "number slug <role> [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 it. Filter by tag (e.g. "scroll", "webgl", "seam", "commerce"), by collection slug (e.g. "seams-handoffs"), by free-text query, or by legacy section letter. Call with no arguments to see the whole catalogue and its tag vocabulary.

输入参数tagrolequerysectioncollection

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).

输入参数slugnumberframework

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 all of them. Call with no arguments to read the current version and library counts. Record the version you get back alongside the code you generate.

输入参数since

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 to retrieve the actual code for any recommendation.

输入参数roleseedcountintent必填contexthistoryexclusions

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 brief and seed.

输入参数seedbrief必填

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 straight to get_pattern to retrieve the code. Returns metadata only — no pattern bodies.

输入参数actsseedintent必填historyexclusionsdirection_id

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 roles, missing positions, too many heavy patterns). Call BEFORE building to catch mismatches early.

输入参数components必填

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 cites the exact matched HTML. Returns an ai_shaped_score (0-100), per-section tells with evidence, page-level tells (skeleton order, uniform scaffolding, default type/motion), and prescriptions: real Motion Menu patterns to replace each flagged section, drawn from the same graph recommend_patterns/validate_combination use, plus the exact next tool calls to fetch and validate them. FREE, no key required.

输入参数urlhtml

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 instruction. FREE, no key required.

输入参数html必填baselinebaseline_score

版本历史

1
  1. v16.0.0最新Sep 16, 2026

评分

已满足适用检查项的 83%

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

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

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

  • 许可证不适用

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