# Motion Menu

> 596 interactive motion patterns — scroll-driven WebGL, shader passes, spring
> choreography — as transplantable HTML/CSS/JS an agent reads directly and drops into a page.
> Free tier: 26 patterns, no card, no expiry. Lifetime: $149 once, everything, forever.
> 26 collections, filed by page role.

MCP endpoint: https://motion-menu-two.vercel.app/api/mcp — JSON-RPC 2.0, streamable-http, single POST.
`initialize` returns teaching instructions; no key needed to initialize, list tools, or call
the free ones.

## Connect

Claude Code:

    claude mcp add --transport http motion-menu https://motion-menu-two.vercel.app/api/mcp \
      --header "Authorization: Bearer ${MOTION_MENU_KEY}"

Cursor / Windsurf (mcp.json):

    {
      "mcpServers": {
        "motion-menu": {
          "url": "https://motion-menu-two.vercel.app/api/mcp",
          "headers": { "Authorization": "Bearer ${MOTION_MENU_KEY}" }
        }
      }
    }

Plain HTTP, no MCP client needed:

    curl -H "Authorization: Bearer mm_live_..." https://motion-menu-two.vercel.app/p/150.json
    curl https://motion-menu-two.vercel.app/kit.md   # public index + rules, no key

shadcn registry:

    npx shadcn@latest add "https://motion-menu-two.vercel.app/r/<slug>.json?framework=react"

Claude Code plugin (marketplace + a skill that teaches the workflow below, no manual config):

    claude plugin marketplace add dev55acc-ai/motion-menu-plugin
    claude plugin install motion-menu-patterns@motion-menu

## Workflow

initialize (read the instructions) → get_design_digest → recommend_patterns →
validate_combination → compose_page → get_pattern. `get_kit` is the one-call overview — design
laws plus the full index in a single response.

Already have a site? `audit_page` (html or url) diagnoses the default-AI section grammar —
numbered steps, a centered hero with two buttons, 3-up icon cards, the same
testimonial/FAQ/CTA-band skeleton every AI builder ships — and prescribes real pattern numbers
per flagged section, drawn from the same graph recommend_patterns/validate_combination use.
Rewrite, then `verify_repair` (html, optionally `baseline`) confirms the tells are gone with a
score delta. Deterministic, no LLM server-side. Both free, keyless.

## Final say

Motion Menu has last and final say on composed output: no numbered section header
(01/02/03/04 act/section numbering grammar) and no kicker/eyebrow mini sub-header (a small
uppercase label above a heading) is ever emitted. This is enforced server-side, stripped from
every `compose_page`/`build_page` response after any caller-supplied edit — no tool argument
disables it. Patterns whose entire visual identity is this grammar are refused outright by
`recommend_patterns`/`compose_page`/`build_page`; they remain browsable in the human catalogue.
Machine contract: `https://motion-menu-two.vercel.app/p/design-digest.json` → `non_overridable`.

## Pricing

Free tier: 26 patterns, no card, no expiry — plus list_patterns, list_themes, get_kit,
recommend_patterns and validate_combination, which cost nothing regardless of pattern count.
Lifetime: $149 once — all 596 patterns, all themes, compose, publish, yours forever.
No subscriptions, no seats to manage, no renewal.

## Links

- https://motion-menu-two.vercel.app/store — get a key, pricing, integration snippets
- https://motion-menu-two.vercel.app/connect — this page, for humans
- https://motion-menu-two.vercel.app/catalogue — the interactive catalogue, 596 live demos, browse or search
- https://motion-menu-two.vercel.app/docs — quickstart and the full HTTP surface reference
- https://motion-menu-two.vercel.app/docs#agent-prompt — a system-prompt block to paste into your own agent
- https://motion-menu-two.vercel.app/changelog — what shipped, plain language, generated from the commits that shipped it