StudioMotion
Server Details
Agency-grade website sections, design tokens and Framer Motion animations for Lovable.
- Status
- Healthy
- Uptime
- 85.7% over 22 days
- OAuth
- Works in Glama
- Last Tested
- Transport
- Streamable HTTP · MCP 2025-11-25
- URL
- ChatGPT
- –
- Claude
- –
TDQS
Scored across 8 tools
Most tools target clearly different resources and actions: themes, sections, styles, design tokens, plan status, and composition. The only real overlap is list_sections versus search_sections, but the descriptions explicitly divide browse/filter/pagination from free-text ranked search, so an agent can distinguish them.
Every tool follows a consistent verb_noun pattern: get_design_tokens, get_my_plan, get_section, list_sections, list_styles, list_themes, search_sections, compose_theme. There are no mixed camelCase or vague standalone verbs.
Eight tools is well-scoped for a theme and section library: discovery, search, retrieval, composition, design metadata, and plan status. Each tool has a clear role and there is no obvious redundant or missing count.
The surface covers the main workflow well: browse themes/styles/sections, search sections, fetch section code, get design tokens, check plan access, and compose a theme. Minor gaps remain around inspecting a single theme in detail, checking theme-credit balance separately, or managing purchases, but core agent workflows are supported.
Available Tools
8 toolscompose_themeCompose complete themeAIdempotentInspect
Return complete customized React theme files with colors, fonts and 1–8 chosen section IDs; requires a purchased theme or one of five monthly Pro credits. Repeat retrievals of unlocked themes are free. Discover theme IDs with list_themes.
| Name | Required | Description | Default |
|---|---|---|---|
| cta | Yes | ||
| font | Yes | ||
| mode | Yes | ||
| brand | Yes | ||
| Yes | |||
| theme | Yes | ||
| colors | No | ||
| motion | Yes | ||
| palette | Yes | ||
| headline | Yes | ||
| sections | No | ||
| description | Yes |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
Annotations already flag readOnlyHint=false and idempotentHint=true, so the mutation/idempotency profile is known; the description adds real context beyond that — credit consumption, purchase gating, and free re-retrieval. It doesn't disclose error behavior or what exactly is produced when the theme is locked.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Three tight clauses with the core action front-loaded, then cost, then the discovery route. No filler, though the credit/purchase clause is somewhat dense and could be split for scanning.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a 12-parameter, 10-required tool with 0% schema coverage and no output schema, the description is under-specified. It never explains the semantics of most inputs or the shape of the returned theme files, so an agent cannot confidently construct a valid call.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema description coverage is 0% across 12 parameters (10 required), so the description must carry the burden. It names only a few fields (colors, fonts, 1–8 section IDs) and leaves the rest — theme, brand, headline, description, cta, email, mode, motion, palette — entirely undocumented in both schema and prose.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
States a specific verb and resource: returning complete customized React theme files with colors, fonts, and 1–8 section IDs. It nudges the agent to list_themes for ID discovery, giving some sibling differentiation, though the boundary against get_section/list_styles is only implicit.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
Clear context for use: requires a purchased theme or one of five monthly Pro credits, repeat retrievals of unlocked themes are free, and theme IDs come from list_themes. Lacks explicit when-to-use vs alternatives among get_section/list_styles, but the precondition and cost guidance are solid.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
get_design_tokensGet design tokensARead-onlyIdempotentInspect
Get StudioMotion design tokens (colors, fonts, easings, durations, radii) and style descriptions.
| Name | Required | Description | Default |
|---|---|---|---|
No parameters | |||
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
Annotations already declare readOnlyHint, idempotentHint and openWorldHint=false, so safety is covered; the description then adds the only information available about return values ('design tokens ... and style descriptions'), which matters because there is no output schema. It stops short of describing the shape or format of those tokens.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
A single front-loaded sentence that names the verb, resource and contents of the return value with zero filler. Every clause earns its place.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a zero-argument, read-only tool with no output schema, the description supplies the essential missing piece — the categories of data returned. It could go further by sketching the response structure or noting this is a static token registry, but it is sufficient to call correctly.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The tool takes zero parameters, so there is no parameter semantics to explain and the baseline of 4 applies; the description correctly does not waste words on inputs.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
States a specific verb ('Get') and resource ('StudioMotion design tokens') and enumerates the token categories returned (colors, fonts, easings, durations, radii), so the agent knows exactly what data this yields. It does not, however, distinguish itself from nearby siblings like list_styles or list_themes, which also appear to surface design data.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
No when-to-use guidance, no prerequisites, and no mention of alternatives despite obvious candidates among the siblings (list_styles, list_themes, compose_theme). The agent must infer from the name alone that this is the token source for theme composition.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
get_my_planGet my planARead-onlyIdempotentInspect
Show whether your StudioMotion account is on Free or Pro and how many sections it unlocks.
| Name | Required | Description | Default |
|---|---|---|---|
No parameters | |||
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
Annotations already declare readOnlyHint, idempotentHint and openWorldHint=false, so the safety profile is covered. Since no output schema exists, the description usefully fills that gap by describing the return semantics (tier and section unlock count).
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
A single front-loaded sentence with no filler. It is efficient, though it stops just short of adding any routing or contextual detail that would make it stand out.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a zero-parameter read tool with annotations covering safety and no output schema, the description covers the essential return value. Little else is needed for an agent to invoke it correctly.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The tool takes zero parameters, so the baseline is 4; there are no arguments whose meaning needs explaining.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
States a specific verb (Show) and a precise resource (your StudioMotion account plan), and even enumerates the result (Free/Pro and unlocked section count). It is clearly distinct from the design-themed siblings, though it does not explicitly name any of them.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
Usage is implied – an agent would call this to check account tier – but there is no explicit when-to-use statement, no prerequisites, and no alternatives named against the sibling set.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
get_sectionGet section codeARead-onlyIdempotentInspect
Get the full React + Framer Motion + Tailwind component code and motion spec for one StudioMotion section. Pro sections require an active Pro plan.
| Name | Required | Description | Default |
|---|---|---|---|
| id | Yes | Section id from list_sections or search_sections. |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
Annotations already cover the readOnly/idempotent/closed-world safety profile, and the description adds genuinely new context: the payload contains component code and a motion spec, and Pro sections are gated behind a plan. It does not say what happens when the caller lacks a Pro plan (error vs. partial), leaving a small gap.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Two sentences, zero padding, with the substantive 'what you get back' clause front-loaded ahead of the plan constraint.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a one-param read tool with no output schema, the description adequately covers the return content and one access restriction. The only omission is behavior on insufficient plan/unknown id, which is minor for a read operation.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100% and the single `id` parameter is fully documented in the schema, including its provenance from list_sections or search_sections. The description adds only that a section is 'one' item, so baseline 3 is appropriate.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
Names a specific verb (get) and resource (one StudioMotion section) and goes further by stating exactly what is returned: React + Framer Motion + Tailwind component code plus a motion spec. This is distinguishable from listing/searching siblings that only return metadata.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
States a prerequisite ('Pro sections require an active Pro plan') but never says when to reach for this tool versus list_sections or search_sections, which are the natural discovery siblings. Usage is implied by the required id rather than explained.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
list_sectionsList sectionsARead-onlyIdempotentInspect
List StudioMotion agency sections (optionally filtered by style or kind), with their tier and whether your plan unlocks them. Paginated; use search_sections for free-text search.
| Name | Required | Description | Default |
|---|---|---|---|
| kind | No | Section kind, e.g. hero, bento, interactive, typography, animation. | |
| limit | No | Default 50. | |
| style | No | Style id from list_styles. | |
| offset | No |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
Annotations already declare readOnly/idempotent/closed-world, so the bar is low; the description still adds meaningful non-annotation context by disclosing that results are paginated and that each entry reports tier and plan unlock eligibility. No rate limits or auth notes, but nothing contradicts the annotations.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Two tight sentences; the core listing behavior and its scoping filters come first, with the alternative-tool pointer last. Nothing is repeated from the schema or annotations.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
With no output schema, the description usefully summarizes the return payload (tier, plan unlock) and pagination, and params are mostly self-documented. Only the offset parameter's semantics are left unaddressed.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 75% and three of four parameters (kind, style, limit) are already documented in the schema, so baseline 3 applies. The description adds only that filtering by style or kind is optional and that results paginate, without new syntax or format detail.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
States a specific verb and resource (list StudioMotion agency sections) plus the filter dimensions (style, kind) and what each result carries (tier, plan unlock status). It is clearly distinguishable from get_section (single item) and search_sections (free-text), which it names.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
Explicitly routes free-text lookups to search_sections, and notes the style/kind filters are optional. It does not address when to prefer get_section or how browsing relates to search, so the routing is good but not exhaustive.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
list_stylesList stylesARead-onlyIdempotentInspect
List every StudioMotion visual style (id, label, description). Use the id as the style filter elsewhere.
| Name | Required | Description | Default |
|---|---|---|---|
No parameters | |||
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
Annotations already establish readOnlyHint=true, idempotentHint=true and openWorldHint=false, so the safety profile is covered. The description adds value by disclosing the shape of the returned records (id, label, description), which matters because there is no output schema. It does not mention ordering, volume, or pagination.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Two short sentences, zero waste, with the resource and returned fields front-loaded ahead of the downstream tip. Nothing could be cut without losing information.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a zero-parameter read-only list tool with no output schema, the description supplies what the agent needs: what is enumerated and what each entry contains. Minor gaps remain around result ordering and size, but nothing essential for correct invocation is missing.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The tool takes zero parameters, so the description carries no per-parameter burden and a baseline of 4 applies. Its note about reusing the returned id as a filter elsewhere is useful connective context even though it is not a parameter of this call.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
States a specific verb and resource ('List every StudioMotion visual style') and names the returned fields (id, label, description), which is more than a restatement of the name. It does not explicitly distinguish itself from the similar-sounding sibling list_themes, so it falls short of a 5.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
'Use the id as the style filter elsewhere' gives a downstream usage hint, which is helpful, but there is no when-to-use guidance and no routing against siblings like list_themes or get_design_tokens. Usage is implied rather than stated.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
list_themesBrowse complete themesCRead-onlyIdempotentInspect
Browse StudioMotion's 245 original website themes, newest first, including 100 retail themes across ten verticals with fictional product samples; complete themes cost $39 each or use one of five monthly Pro theme credits.
| Name | Required | Description | Default |
|---|---|---|---|
| query | No | ||
| category | No |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
Annotations already declare the tool as read-only, idempotent, and closed-world, so the safety profile is covered. The description adds useful catalog context such as newest-first ordering, catalog size, and pricing/credit information, but does not mention pagination, rate limits, or authentication behavior.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is front-loaded with the core action and resource, which is good. However, the single sentence is dense with promotional details like fictional product samples, price, and monthly credits that do not directly help an agent select or invoke the tool.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a simple list tool with read-only annotations and no output schema, the description covers the broad catalog and ordering well enough. It is still missing guidance on how the optional filters work and what the returned list contains, which are important for correct invocation.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema description coverage is 0%, so the description must compensate, but it never mentions the `query` parameter and only indirectly hints at `category` through "ten verticals". The hint is weak and does not explain filtering semantics or expected values, leaving the parameters largely undocumented.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description uses a specific verb, "Browse", on a clear resource, "StudioMotion's 245 original website themes", and adds scope details like newest-first ordering and retail themes. It does not explicitly differentiate itself from sibling tools such as search_sections or list_styles, which keeps it from a 5.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description implies browsing a theme catalog but gives no explicit when-to-use guidance relative to siblings like search_sections, list_styles, or get_my_plan. There are no conditions or alternatives named, so the agent must infer usage from the tool name alone.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
search_sectionsSearch sectionsARead-onlyIdempotentInspect
Search the StudioMotion library by free text (e.g. 'scroll parallax hero', 'magnetic button') with optional style, kind, tier and tag filters. Ranked and paginated; use get_section with a returned id for code.
| Name | Required | Description | Default |
|---|---|---|---|
| kind | No | Section kind, e.g. hero, bento, interactive, typography, animation. | |
| tags | No | Match any of these tags. | |
| tier | No | ||
| limit | No | Default 20. | |
| query | No | Free-text search over name, description, motion and tags. | |
| style | No | Style id from list_styles. | |
| offset | No |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
Annotations already declare readOnlyHint, idempotentHint and a closed world, so the safety profile is covered. The description adds genuinely useful behavior not in the annotations: results are ranked and paginated, and the id can be fed to get_section. Default page size and paging mechanics are left to the schema.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Two sentences, zero filler, with the core capability front-loaded and examples embedded inline. The follow-up routing is placed at the end where it belongs.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a 7-param, no-output-schema search tool this covers purpose, filters, ranking/pagination and next step. It could say more about result shape or how ranking interacts with filters, but nothing essential is missing for correct invocation.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The description names five of the seven parameters (free-text query, style, kind, tier, tags) and hints at ordering and paging, adding meaning beyond the 71% schema coverage — notably that ranking is relevance-based rather than supplied explicitly. Limit/offset specifics remain with the schema.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
States a specific verb (search) and resource (StudioMotion library) with scope — free text plus optional filters. It is clearly distinguishable from list_sections (browse) and get_section (retrieve by id), which the description explicitly references.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
Gives concrete query examples ('scroll parallax hero', 'magnetic button') and names the follow-up path: use get_section with a returned id for code. It does not explicitly state when to prefer this over list_sections for browsing, so it falls short of a full when/when-not statement.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
8 tool updates
- First observed
compose_theme - First observed
get_design_tokens - First observed
get_my_plan - First observed
get_section - First observed
list_sections - First observed
list_styles - First observed
list_themes - First observed
search_sections
Publisher details
- Operator
- https://cambouch.com/ · Publisher source
- Operator website
- https://cambouch.com/ · Publisher source
- Vendor relationship
- First-party · Publisher source
- Documentation
- https://cambouch.com/connect · Publisher source
- Trust center
- https://cambouch.com/.well-known/trust.html · Publisher source
- Restrictions
- StudioMotion by Cambouch gives AI website builders access to original agency-grade React and Tailwind themes, animated sections, design tokens and interactive 3D components through a hosted MCP server. Use its eight tools to discover styles and sections, search by visual direction, check account access, retrieve section source, browse complete themes and compose a customized theme with branding, colors, fonts and selected sections. Returned theme files form a standalone React/Tailwind project; they do not automatically deploy a website or add a commerce backend. Connect through https://cambouch.com/mcp and authorize your StudioMotion account with OAuth. The connection guide covers Lovable, Claude and Cursor; custom-connector availability depends on the client and workspace settings. Free includes one section template and design tokens. Pro is US$49/month and includes premium section access plus five new complete themes per UTC calendar month. Complete themes also cost US$39 each. Repeat retrieval of unlocked themes is free, and the theme allowance is shared across website downloads, MCP and Actions. New designs and features are added over time. · Publisher source
Related MCP Connectors
Animated shadcn components and page blocks for local business, real estate and agency websites.
React, Tailwind CSS and shadcn/ui components, sections and landing pages for coding agents.
Animated website templates, cinematic video backgrounds, UI components and design systems.
Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready code.
Related MCP Servers
- AlicenseNot gradedqualityBmaintenanceProvides live Awwwards design specifications—palette, typography, layout, and motion—as structured JSON tokens that Lovable or any MCP client can use to generate or restyle projects on demand.5,491 npmMIT
- AlicenseAqualityBmaintenanceArt-directed website prompts delivered as slash commands in Claude Code, Claude Desktop and Cursor: hero sections, landing pages, SaaS, portfolio, e-commerce and 3D/WebGL scenes. Each build is registered as a real MCP prompt and written natively for the tool you are in (Lovable, Bolt, Cursor or Claude), with a live demo you can scroll before spending a token.588 npm1MIT
- AlicenseAqualityCmaintenanceEnables AI assistants to architect and build Awwwards-level websites with spring physics, design systems, React 19 templates, and HD visual inspection.10MIT
- AlicenseAqualityAmaintenanceEnables high-craft web design and engineering through OKLCH color systems, fluid typography, Three.js 3D scenes, frontend security audits, multi-viewport capture, and Python-backed design verification.1117 npmMIT
Glama MCP Gateway
Add one secure layer between your agents and this server.