Design
motionprompts.dev
An MCP server for searching and browsing a UI component catalog with facets and motion-system metadata.
ENDPOINT 1
https://motionprompts.dev/mcp
MCP server metadata
- Name
- motionprompts
- Version
- 1.0.0
Catalog of production-grade GSAP motion components. To COMPOSE A PAGE the order is: plan_page (information architecture) → suggest_mechanics per section → get_integration_contract for all slugs at once → get_component_prompt each → plan_imagery before writing a single image prompt. Two failure modes are measured and worth naming up front: leaving sections unanimated because 'there is already enough motion' (there is not — see plan_page → motion_coverage), and generating images that describe the SECTOR instead of the SECTION (see plan_imagery). To look things up instead: search_components for a free-text brief or a name, list_facets for the filter vocabulary, get_component for the rebuild prompt and/or source. Prefer matching on the component's `useWhen`, `mood` and `useCase` over its mechanical description.
Known tools 14
list_facetsReturn the filter vocabulary (mood, useCase, level, perfCost, category, deps) with how many components carry each value.
Inferred read-onlylist_componentsBrowse the whole catalog as a compact list (slug, title, useWhen, mood, useCase, level, perfCost).
Inferred read-onlylist_motion_systemsThe 8 motion systems of the library: token sets (ease/duration/stagger/lenis) derived from the measured inventory, not invented.
Inferred read-onlyget_motion_systemFull token set of a motion system plus the components that are native to it.
Inferred read-onlysearch_components_motionFilters by the CAPA-1 motion block (trigger, libs, complexity, motion system) rather than by prose.
Inferred read-onlyget_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, CustomEase registration, entry veil first, one ScrollTrigger.
Inferred read-onlyplan_imageryQué imagen necesita cada sección, CON QUÉ MODELO se hace y cómo se redacta el prompt.
Inferred read-onlyplan_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.
Inferred read-onlysuggest_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.
Inferred read-onlysuggest_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 transitions.
Inferred read-onlyCONNECT WITH APPROVAL
Client installation
Review this server and its permissions before adding it. Secret placeholders must be set locally.
Codex
~/.codex/config.toml
[mcp_servers.motionprompts]
url = "https://motionprompts.dev/mcp"
enabled = true
Claude Code
.mcp.json
{
"mcpServers": {
"motionprompts": {
"type": "http",
"url": "https://motionprompts.dev/mcp"
}
}
}
Claude Desktop
Settings → Connectors → Add custom connector
Name: motionprompts
Remote MCP URL: https://motionprompts.dev/mcp
Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.
Cursor
.cursor/mcp.json
{
"mcpServers": {
"motionprompts": {
"url": "https://motionprompts.dev/mcp"
}
}
}
Visual Studio Code
.vscode/mcp.json
Add to Visual Studio Code{
"servers": {
"motionprompts": {
"type": "http",
"url": "https://motionprompts.dev/mcp"
}
}
}
Generic MCP
Client-specific MCP configuration
{
"name": "motionprompts",
"transport": "streamable-http",
"url": "https://motionprompts.dev/mcp"
}
MCP Inspector
Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.
TRUST AND VERIFICATION EVIDENCE
Loading Trust v2 evidence…
Checking the associated registrable domain. The BuiltWith key remains server-side.
Evidence is source-attributed and does not guarantee that a third-party server is safe. Risk labels are conservative metadata heuristics.