motionprompts
by motionprompts.dev · dev.motionprompts/motionprompts
Plan pages, pick GSAP motion components and get their build prompts and composition rules.
- Category
- AI and agents
- Connection
- Remote (HTTP)
- Tools
- 14 reported
- Status
- Online
Connect it to your AI
Claude Code
claude mcp add --transport http motionprompts https://motionprompts.dev/mcpClaude, ChatGPT, Cursor and other apps
Add it as a custom connector with this URL (Streamable HTTP):
https://motionprompts.dev/mcpThis server expects extra headers, usually an API key from its maker.
Or run it locally (npm)
claude mcp add motionprompts -- npx -y motionprompts-mcp@1.1.1Cursor, VS Code and other apps (mcp.json)
{
"mcpServers": {
"motionprompts": {
"url": "https://motionprompts.dev/mcp"
}
}
}Tools it offers
14 tools, as the server itself reported during our check on Oct 31, 2026.
search_componentsFind the components that best fit a natural-language brief (e.g. "un hero elegante para una marca de lujo", "cartas apiladas al hacer scroll") or a name/alias. Returns a ranked, compact list with a `why` for each hit. Coget_componentFetch one component by slug. `include` controls the payload: 'meta' (full catalog record), 'preview' (thumbnail + live demo URL), 'prompt' (a self-contained brief to REBUILD it faithfully), 'source' (the actual index.htmlist_facetsReturn the filter vocabulary (mood, useCase, level, perfCost, category, deps) with how many components carry each value. Call this first to learn the exact values search_components accepts.list_componentsBrowse the whole catalog as a compact list (slug, title, useWhen, mood, useCase, level, perfCost). Use for an overview or when a brief is vague; use search_components when you have a specific brief.list_motion_systemsThe 8 motion systems of the library: token sets (ease/duration/stagger/lenis) derived from the measured inventory, not invented. Use this FIRST when composing a page: pick one system and render every component's prompt wget_motion_systemFull token set of a motion system plus the components that are native to it.search_components_motionFilters by the CAPA-1 motion block (trigger, libs, complexity, motion system) rather than by prose. Prefer this over search_components when composing a page: `category` describes how a component LOOKS, `trigger`/`clusterget_integration_contractGiven the slugs you intend to put on ONE page, returns: rule violations (hard, invalidate the page), warnings, the measured budget (JS gzip / assets / scroll corridor), and an ordered init plan — single Lenis instance, Cplan_imageryQué imagen necesita cada sección, CON QUÉ MODELO se hace y cómo se redacta el prompt. Con la arquitectura y el movimiento resueltos, lo que sigue delatando una página generada son las imágenes: genéricas del sector en veplan_pageReturns the SECTIONS a page of this kind needs — 10 to 14 of them, each with a role, what it has to accomplish, what content it needs, and whether it should move — plus a motion system and its tokens. It returns NO composuggest_mechanicsGiven a section role from plan_page and what that section has to do, returns ranked candidate components — filtered first by the catalog facets that actually correspond to the role, then ranked by the free-text need. Presuggest_page_treatmentsThe twin of suggest_mechanics for the family that does not fill a section slot: smooth scroll, the shaped edge BETWEEN two stacked sections, a background that runs behind the whole page, a custom cursor, route transitionget_component_promptTHE way to get a build prompt. Returns three blocks: (a) the standalone prompt VERBATIM, untouched; (b) the tokens of the requested motion system; (c) an explicit instruction telling you to adapt (a) to (b) YOURSELF, prerender_promptDEPRECATED in favour of get_component_prompt. Mechanical substitution does not fit this corpus: the prompts narrate their own numbers in prose, so replacing only the code values makes prose and code specify different com
Questions
What is the motionprompts MCP server?
Plan pages, pick GSAP motion components and get their build prompts and composition rules. It is made by motionprompts.dev and listed in the official MCP Registry as dev.motionprompts/motionprompts. MCP (Model Context Protocol) is the open standard that lets AI apps like Claude, ChatGPT and Cursor use outside tools.
How do I add motionprompts to Claude?
In the Claude app or claude.ai, open Settings, then Connectors, choose "Add custom connector" and paste https://motionprompts.dev/mcp. In Claude Code, run: claude mcp add --transport http motionprompts https://motionprompts.dev/mcp
How do I add motionprompts to ChatGPT?
ChatGPT can use remote MCP servers as connectors. In ChatGPT settings, under Apps and Connectors, turn on developer mode if asked, create a new connector and paste https://motionprompts.dev/mcp.
How do I add motionprompts to Cursor?
Open Cursor settings, go to MCP, choose "Add new MCP server" (or edit ~/.cursor/mcp.json) and add: { "mcpServers": { "motionprompts": { "url": "https://motionprompts.dev/mcp" } } }
Does motionprompts work right now?
Yes. It responded when we last checked on 31 Oct 2026. We check remote MCP servers every day.
What can motionprompts do?
It gives your AI 14 tools, including search_components, get_component, list_facets, list_components, list_motion_systems. The full list is on this page.
Is this your server? Get the badge for your README
Markdown (GitHub README)
[](https://chen.media/mcp/dev-motionprompts-motionprompts)HTML (switches to dark mode on its own)
<a href="https://chen.media/mcp/dev-motionprompts-motionprompts"><picture><source media="(prefers-color-scheme: dark)" srcset="https://chen.media/mcp/badge/dev-motionprompts-motionprompts.svg?theme=dark"><img src="https://chen.media/mcp/badge/dev-motionprompts-motionprompts.svg" alt="Listed on chen.media/mcp" height="40"></picture></a>More in AI and agents
See allBenchLeader
benchleader.comDaily LLM leaderboard from independent benchmarks: ranks, scores, prices, speed and comparisons.
AEO Visibility
advancelabs.devCheck whether AI answer engines cite your site, and for which prompts. Uses your own Perplexity key.
Amazap
amazap.comSave money on AI spend. Starter credit for eligible new accounts. Details at amazap.com/credits.
Kodza
kodza.devFree premium UI components in plain HTML, CSS and vanilla JS, for AI coding assistants.
Arrakis
goodailabs.comRent GPUs at live prices and serve any Hugging Face model, with spend caps for AI agents.
Plazmi
plazmi.ggA homemaking world for AI agents: keep a house, grow a garden, dance with friends.