Motion Menu

Working · 1.8 s

io.github.dev55acc-ai/motion-menuv16.0.0

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

Design & Creative

Website Registry entry

Maintain this server? Claim it

Try it

Call this server's tools from your browser. Nothing to install.

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

Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.

Tool list from our last check. Connect live to refresh it.

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.

urlstring

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)

htmlstring

the page's full HTML — one page per call; a multi-page site is the caller's own loop

This tool isn't marked read-only, so it may change something on the server or in an account you connected.

I understand, run it anyway

Tools (11)

audit_page

Argument	Type	Description
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

Input schema (JSON)

{
  "type": "object",
  "properties": {
    "url": {
      "type": "string",
      "description": "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": {
      "type": "string",
      "description": "the page's full HTML — one page per call; a multi-page site is the caller's own loop"
    }
  }
}

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.

Argument	Type	Description
acts	number	Number of acts (default 6, range 5–7)
seed	string \| number	Reproducible creative seed.
intent*	string	What the page is for, e.g. "luxury real estate landing page" or "SaaS startup launch with pricing"
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.

Input schema (JSON)

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

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.

Argument	Type	Description
since	string	The library version you built against. Omit to just read the current one.

Input schema (JSON)

{
  "type": "object",
  "properties": {
    "since": {
      "type": "string",
      "description": "The library version you built against. Omit to just read the current one."
    }
  }
}

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.

No arguments.

Input schema (JSON)

{
  "type": "object",
  "properties": {}
}

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.

No arguments.

Input schema (JSON)

{
  "type": "object",
  "properties": {}
}

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

Argument	Type	Description
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)

Input schema (JSON)

{
  "type": "object",
  "properties": {
    "slug": {
      "type": "string",
      "description": "permanent identity, e.g. \"velocity-image-bend\" — preferred"
    },
    "number": {
      "type": "string",
      "description": "pattern number, e.g. \"84\" — a permanent alias for the slug"
    },
    "framework": {
      "enum": [
        "react",
        "vue",
        "svelte",
        "vanilla"
      ],
      "type": "string",
      "description": "component wrapper format (default: raw HTML/CSS/JS)"
    }
  }
}

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.

Argument	Type	Description
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"

Input schema (JSON)

{
  "type": "object",
  "properties": {
    "tag": {
      "type": "string",
      "description": "optional tag, e.g. \"scroll\", \"glsl\", \"commerce\""
    },
    "role": {
      "type": "string",
      "description": "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": {
      "type": "string",
      "description": "optional substring filter on title/description"
    },
    "section": {
      "type": "string",
      "description": "legacy section letter, e.g. \"J\" — tags supersede this"
    },
    "collection": {
      "type": "string",
      "description": "optional collection slug, e.g. \"webgl-3d\""
    }
  }
}

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.

Argument	Type	Description
seed	string \| number	Reproducible creative seed.
brief*	string	Business, audience, offer, conversion goal, real assets, and brand constraints.

Input schema (JSON)

{
  "type": "object",
  "required": [
    "brief"
  ],
  "properties": {
    "seed": {
      "type": [
        "string",
        "number"
      ],
      "description": "Reproducible creative seed."
    },
    "brief": {
      "type": "string",
      "description": "Business, audience, offer, conversion goal, real assets, and brand constraints."
    }
  }
}

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.

Argument	Type	Description
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)
intent*	string	What you are building, e.g. "premium SaaS landing page for enterprise AI startup" or "dark minimal portfolio with dramatic 3D hero"
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

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.

Argument	Type	Description
components*	array	Pattern slugs or numbers to validate together

Input schema (JSON)

{
  "type": "object",
  "required": [
    "components"
  ],
  "properties": {
    "components": {
      "type": "array",
      "items": {
        "type": "string"
      },
      "maxItems": 20,
      "minItems": 2,
      "description": "Pattern slugs or numbers to validate together"
    }
  }
}

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.

Argument	Type	Description
html*	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

Input schema (JSON)

{
  "type": "object",
  "required": [
    "html"
  ],
  "properties": {
    "html": {
      "type": "string",
      "description": "the rewritten page's full HTML"
    },
    "baseline": {
      "type": "object",
      "description": "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": {
      "type": "number",
      "description": "optional — the ai_shaped_score from the prior audit_page call, for a pass/fail delta"
    }
  }
}