Motion Menu

Measured conclusion: Deep-tested. L2 outcome: tools_ok.

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

Add to your agent

Copy this into your MCP client config:

{
  "mcpServers": {
    "Motion Menu": {
      "url": "https://www.motionmenu.ca/api/mcp",
      "transport": "streamable-http"
    }
  }
}

Measured tools (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.

  Parameters:

  • tag — string — optional tag, e.g. "scroll", "glsl", "commerce"
  • role — string — WHERE IT GOES on a page — hero, nav, footer, pricing, background, gallery, product, form, stats, testimonial, cta, content, seam, chrome, type. Start here when building a page.
  • query — string — optional substring filter on title/description
  • section — string — legacy section letter, e.g. "J" — tags supersede this
  • collection — string — optional collection slug, e.g. "webgl-3d"

  Hints: read-only not declared · destructive not declared · idempotent not declared · open-world not declared

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

  Parameters:

  • slug — string — permanent identity, e.g. "velocity-image-bend" — preferred
  • number — string — pattern number, e.g. "84" — a permanent alias for the slug
  • framework — string — component wrapper format (default: raw HTML/CSS/JS)

  Hints: read-only not declared · destructive not declared · idempotent not declared · open-world not declared

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

  Hints: read-only not declared · destructive not declared · idempotent not declared · open-world not declared

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

  Hints: read-only not declared · destructive not declared · idempotent not declared · open-world not declared

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

  Parameters:

  • since — string — The library version you built against. Omit to just read the current one.

  Hints: read-only not declared · destructive not declared · idempotent not declared · open-world not declared

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

  Parameters:

  • intent (required) — string — What you are building, e.g. "premium SaaS landing page for enterprise AI startup" or "dark minimal portfolio with dramatic 3D hero"
  • role — string — Optional page-role filter (hero, nav, pricing, footer, background, etc.)
  • seed — ['string', 'number'] — Reproducible creative seed. The same brief and seed return the same candidates; change it to explore another valid realization.
  • count — number — Max results (default 5, max 20)
  • context — array — Slugs or numbers already chosen for this page (order does not matter here). Recommendations that clash with any of them are excluded, a pattern already at its own max_per_page in context is skipped, and a WebGL pattern in context or in the results auto-adds device-tier-gate (245) as the fallback.
  • history — array — Recently used pattern slugs or numbers. They receive a strong cooldown penalty instead of dominating every session.
  • exclusions — array — Pattern slugs or numbers that must not be returned.

  Hints: read-only not declared · destructive not declared · idempotent not declared · open-world not declared

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

  Parameters:

  • brief (required) — string — Business, audience, offer, conversion goal, real assets, and brand constraints.
  • seed — ['string', 'number'] — Reproducible creative seed.

  Hints: read-only not declared · destructive not declared · idempotent not declared · open-world not declared

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

  Parameters:

  • intent (required) — string — What the page is for, e.g. "luxury real estate landing page" or "SaaS startup launch with pricing"
  • acts — number — Number of acts (default 6, range 5–7)
  • seed — ['string', 'number'] — Reproducible creative seed.
  • history — array — Recently used pattern slugs or numbers to cool down.
  • exclusions — array — Pattern slugs or numbers that must not be used.
  • direction_id — string — One direction_id returned by propose_directions for this same intent/seed.

  Hints: read-only not declared · destructive not declared · idempotent not declared · open-world not declared

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

  Parameters:

  • components (required) — array — Pattern slugs or numbers to validate together

  Hints: read-only not declared · destructive not declared · idempotent not declared · open-world not declared

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

  Parameters:

  • url — string — alternative to html — fetched server-side (https only, public addresses only, 3 MB cap, 10 s timeout, no redirect to a private range, no credentials forwarded)
  • html — string — the page's full HTML — one page per call; a multi-page site is the caller's own loop

  Hints: read-only not declared · destructive not declared · idempotent not declared · open-world not declared

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

  Parameters:

  • html (required) — string — the rewritten page's full HTML
  • baseline — object — optional — the whole prior audit_page result, for a per-section tell-count delta in addition to the overall score delta; baseline_score is derived from it if omitted
  • baseline_score — number — optional — the ai_shaped_score from the prior audit_page call, for a pass/fail delta

  Hints: read-only not declared · destructive not declared · idempotent not declared · open-world not declared

Publisher website

Measured by MCPYP probing. Untested fields are omitted, never estimated. Listing is always free; MCPYP never proxies calls or stores user tokens.