# Dynamic Mockups

```json
{
  "name": "Dynamic Mockups",
  "slug": "dynamic_mockups",
  "url": "https://composio.dev/toolkits/dynamic_mockups",
  "markdown_url": "https://composio.dev/toolkits/dynamic_mockups.md",
  "logo_url": "https://logos.composio.dev/api/dynamic_mockups",
  "categories": [
    "design & creative tools"
  ],
  "is_composio_managed": false,
  "updated_at": "2026-08-20T15:31:36.839Z"
}
```

![Dynamic Mockups logo](https://logos.composio.dev/api/dynamic_mockups)

## Description

Securely connect your AI agents and chatbots (Claude, ChatGPT, Cursor, etc) with Dynamic Mockups MCP or direct API to generate product mockups, render templates, manage catalogs, and create AI image and motion assets through natural language.

## Summary

Dynamic Mockups is an API platform for generating product mockups, rendering templates, and managing visual asset catalogs.
Use it to automate high-quality product visuals, AI images, and motion assets at scale.

## Categories

- design & creative tools

## Toolkit Details

- Tools: 10

## Images

- Logo: https://logos.composio.dev/api/dynamic_mockups

## Authentication

- **Api Key**
  - Type: `api_key`
  - Description: Api Key authentication for Dynamic Mockups.
  - Setup:
    - Configure Api Key credentials for Dynamic Mockups.
    - Use the credentials when creating an auth config in Composio.

## Suggested Prompts

- Generate product mockups for new listings
- Render catalog templates for summer campaign
- Create AI motion assets for ads

## Supported Tools

| Tool slug | Name | Description |
|---|---|---|
| `DYNAMIC_MOCKUPS_CREATE_MOCKANYTHING_MOCKUP` | Create MockAnything Mockup | Create and optionally wait for a MockAnything mockup from exactly one prompt, public image URL, or uploaded image. WARNING: this persists a mockup, may find-or-create named collections, and consumes model-dependent credits on SUCCESS; the connected account's tier and balance are unknown. Polling is bounded and may return completed=false with a task_id for later status checks. |
| `DYNAMIC_MOCKUPS_GET_GENERATION_OPTIONS` | Get Generation Options | Return current MockAnything styles and aspect-ratio support plus MotionMockups models, durations, aspect ratios, estimated times, and live credit prices. Call this before choosing generation settings because model availability and costs change. |
| `DYNAMIC_MOCKUPS_GET_MOCKANYTHING_PRODUCT` | Get MockAnything Product | Get one POD product's supported sizes, colors, and decoration locations before using its UUID in MockAnything generation. |
| `DYNAMIC_MOCKUPS_GET_MOCKANYTHING_STATUS` | Get MockAnything Status | Check one MockAnything task once, typically after Create MockAnything Mockup stops waiting. WARNING: a well-formed unknown UUID may return PENDING indefinitely, so PENDING does not prove the task exists and this tool never loops. |
| `DYNAMIC_MOCKUPS_GET_MOTION_MOCKUP_STATUS` | Get Motion Mockup Status | Check a submitted MotionMockups video job once and return its queue state or completed MP4 metadata. The tool does not poll automatically because jobs commonly take 2-15 minutes. |
| `DYNAMIC_MOCKUPS_LIST_CATALOGS_AND_COLLECTIONS` | List Catalogs and Collections | Return the connected account's catalogs and collections, including the UUIDs used to filter mockups and target creation or bulk workflows. This is read-only and does not consume render credits. |
| `DYNAMIC_MOCKUPS_LIST_MOCKUPS` | List Mockups | Find renderable mockup templates and return their mockup, smart-object, text-layer, and print-area-preset UUIDs. Filters are optional; name matching semantics are not guaranteed because they could not be verified on the empty connected account. |
| `DYNAMIC_MOCKUPS_RENDER_MOCKUPS` | Render Mockups | Render one or more explicitly selected mockup templates from public artwork URLs, colors, Beta text layers, and shared export settings. One item uses POST /renders and multiple items use POST /renders/batch. WARNING: every successful output consumes a credit, Free-plan API renders may be watermarked, and output URLs last about 24 hours. Account tier, credit balance, and batch limits are unknown. |
| `DYNAMIC_MOCKUPS_SEARCH_MOCKANYTHING_PRODUCTS` | Search MockAnything Products | Fuzzy-search POD products that can ground MockAnything generation. The provider may return up to 50 broad matches and exposes no pagination, so use a specific brand, style code, or product phrase. |
| `DYNAMIC_MOCKUPS_SUBMIT_MOTION_MOCKUP` | Submit Motion Mockup | WARNING: Submit image-to-video generation and return a request ID for later status checks. This creates a long-running job and reserves or consumes model-, duration-, and audio-dependent credits; current live-discovered prices range from 40 to 585 credits, while the connected account's tier and balance are unknown. Call Get Generation Options first. The submit endpoint is limited to 10 requests per minute. |

## Supported Triggers

None listed.

## Installation and MCP Setup

### Path 1: SDK Installation

#### Path 1, Step 1: Install Composio

Install the Composio SDK
```python
pip install composio_openai
```

```typescript
npm install @composio/openai
```

#### Path 1, Step 2: Initialize Composio and Create Tool Router Session

Import and initialize Composio client, then create a Tool Router session
```python
from openai import OpenAI
from composio import Composio
from composio_openai import OpenAIResponsesProvider

composio = Composio(provider=OpenAIResponsesProvider())
openai = OpenAI()
session = composio.create(user_id='your-user-id')
```

```typescript
import OpenAI from 'openai';
import { Composio } from '@composio/core';
import { OpenAIResponsesProvider } from '@composio/openai';

const composio = new Composio({
  provider: new OpenAIResponsesProvider(),
});
const openai = new OpenAI({});
const session = await composio.create('your-user-id');
```

#### Path 1, Step 3: Execute Dynamic Mockups Tools via Tool Router with Your Agent

Get tools from Tool Router session and execute Dynamic Mockups actions with your Agent
```python
tools = session.tools
response = openai.responses.create(
  model='gpt-4.1',
  tools=tools,
  input=[{
    'role': 'user',
    'content': 'List my Dynamic Mockups catalogs and collections'
  }]
)
result = composio.provider.handle_tool_calls(
  response=response,
  user_id='your-user-id'
)
print(result)
```

```typescript
const tools = session.tools;
const response = await openai.responses.create({
  model: 'gpt-4.1',
  tools: tools,
  input: [{
    role: 'user',
    content: 'List my Dynamic Mockups catalogs and collections'
  }],
});
const result = await composio.provider.handleToolCalls(
  'your-user-id',
  response.output
);
console.log(result);
```

### Path 2: MCP Server Setup

#### Path 2, Step 1: Install Composio

Install the Composio SDK for Python or TypeScript
```python
pip install composio claude-agent-sdk
```

```typescript
npm install @composio/core ai @ai-sdk/openai @ai-sdk/mcp
```

#### Path 2, Step 2: Initialize Client and Create Tool Router Session

Import and initialize the Composio client, then create a Tool Router session for Dynamic Mockups
```python
from composio import Composio
from claude_agent_sdk import ClaudeSDKClient, ClaudeAgentOptions

composio = Composio(api_key='your-composio-api-key')
session = composio.create(user_id='your-user-id')
url = session.mcp.url
```

```typescript
import { Composio } from '@composio/core';

const composio = new Composio({ apiKey: 'your-api-key' });
const session = await composio.create('your-user-id');
console.log(`Tool Router session created: ${session.mcp.url}`);
```

#### Path 2, Step 3: Connect to AI Agent

Use the MCP server with your AI agent (Anthropic Claude or Mastra)
```python
import asyncio

options = ClaudeAgentOptions(
    permission_mode='bypassPermissions',
    mcp_servers={
        'tool_router': {
            'type': 'http',
            'url': url,
            'headers': {
                'x-api-key': 'your-composio-api-key'
            }
        }
    },
    system_prompt='You are a helpful assistant with access to Dynamic Mockups tools.',
    max_turns=10
)

async def main():
    async with ClaudeSDKClient(options=options) as client:
        await client.query('List my Dynamic Mockups catalogs and collections')
        async for message in client.receive_response():
            if hasattr(message, 'content'):
                for block in message.content:
                    if hasattr(block, 'text'):
                        print(block.text)

asyncio.run(main())
```

```typescript
import { openai } from '@ai-sdk/openai';
import { experimental_createMCPClient as createMCPClient } from '@ai-sdk/mcp';
import { generateText } from 'ai';

const client = await createMCPClient({
  transport: {
    type: 'http',
    url: session.mcp.url,
    headers: {
      'x-api-key': 'your-composio-api-key',
    },
  },
});

const tools = await client.tools();
const { text } = await generateText({
  model: openai('gpt-4o'),
  tools,
  messages: [{
    role: 'user',
    content: 'List my Dynamic Mockups catalogs and collections'
  }],
  maxSteps: 5,
});

console.log(`Agent: ${text}`);
```

## Why Use Composio?

### 1. AI Native Dynamic Mockups Integration

- Supports both Dynamic Mockups MCP and direct API based integrations
- Structured, LLM-friendly schemas for reliable mockup generation and template rendering
- Rich coverage for working with product mockups, catalogs, collections, and creative assets

### 2. Managed API Key Auth

- Bring your Dynamic Mockups API key once, then let Composio handle secure credential storage
- Central place to manage, scope, and revoke Dynamic Mockups access
- Per user and per environment credentials instead of hard-coded keys in your agent code

### 3. Agent Optimized Design

- Tools are tuned for language models, so agents can call Dynamic Mockups actions with fewer brittle prompts
- Comprehensive execution logs so you always know which mockup, catalog, or render action ran
- Clear tool inputs help agents turn simple requests into real Dynamic Mockups API calls

### 4. Enterprise Grade Security

- Fine-grained RBAC so you control which agents and users can access Dynamic Mockups
- Scoped, least privilege access to mockup generation, templates, catalogs, and creative assets
- Full audit trail of agent actions to support review and compliance

## Use Dynamic Mockups with any AI Agent Framework

Choose a framework you want to connect Dynamic Mockups with:

None listed.

## Related Toolkits

- [Figma](https://composio.dev/toolkits/figma) - Figma is a collaborative interface design tool for teams and individuals. It streamlines design workflows with real-time collaboration and easy sharing.
- [Abyssale](https://composio.dev/toolkits/abyssale) - Abyssale is a creative automation platform for generating images, videos, GIFs, PDFs, and HTML5 content programmatically. It streamlines and scales visual content production for marketing, design, and operations teams.
- [Alttext ai](https://composio.dev/toolkits/alttext_ai) - AltText.ai is a service that generates alt text for images automatically. It helps boost accessibility and SEO for your visual content.
- [Are.na](https://composio.dev/toolkits/arena) - Are.na is a creative research platform for collecting images, links, notes, and ideas in channels. Use it to organize inspiration, build knowledge maps, and connect research across projects.
- [Bannerbear](https://composio.dev/toolkits/bannerbear) - Bannerbear is an API-driven platform for generating images and videos automatically at scale. It helps businesses create custom graphics, social visuals, and marketing assets using powerful templates.
- [Bannerbite](https://composio.dev/toolkits/bannerbite) - Bannerbite is a creative automation platform for generating images and videos from reusable projects and templates. It helps teams produce on-brand visual assets faster without rebuilding designs from scratch.
- [Builder.io](https://composio.dev/toolkits/builder_io) - Builder.io is a visual development platform for managing content, models, assets, and Space configuration. Use it to ship editable digital experiences faster without waiting on every code change.
- [Canva](https://composio.dev/toolkits/canva) - Canva is a drag-and-drop design suite for creating professional graphics, presentations, and marketing materials. It makes it easy for anyone to design with beautiful templates and a vast library of elements.
- [Claid ai](https://composio.dev/toolkits/claid_ai) - Claid.ai delivers AI-driven image editing APIs for tasks like background removal, upscaling, and color correction. It helps automate and enhance image workflows with powerful, developer-friendly tools.
- [Cloudinary](https://composio.dev/toolkits/cloudinary) - Cloudinary is a cloud-based platform for managing, uploading, and transforming images and videos. It streamlines media workflows and delivers optimized assets globally.
- [Contentdrips](https://composio.dev/toolkits/contentdrips) - Contentdrips is an asynchronous rendering API for branded graphics and carousels. It turns reusable templates into on-brand social visuals at scale.
- [Creatomate](https://composio.dev/toolkits/creatomate) - Creatomate is an API for generating automated videos, images, GIFs, and reusable media templates. Use it to turn structured data into polished visual content at scale.
- [Cults](https://composio.dev/toolkits/cults) - Cults is a digital marketplace for 3D printing models, connecting designers and makers. It lets creators share, sell, and discover a huge variety of printable designs easily.
- [DeepImage](https://composio.dev/toolkits/deepimage) - DeepImage is an AI-powered image enhancer and upscaler. Get higher-quality images with just a few clicks.
- [Dreamstudio](https://composio.dev/toolkits/dreamstudio) - DreamStudio is Stability AI’s platform for generating and editing images with AI. It lets you easily turn ideas into stunning visuals, fast.
- [Dynapictures](https://composio.dev/toolkits/dynapictures) - Dynapictures is a cloud-based platform for generating personalized images at scale. Instantly create hundreds of custom visuals using your data sources, like Google Sheets.
- [Excalidraw MCP](https://composio.dev/toolkits/excalidraw_mcp) - Excalidraw MCP is a no-auth MCP server for creating hand-drawn style diagrams in Excalidraw. Use it to generate visual sketches with viewport camera control and fullscreen editing.
- [Fal.ai](https://composio.dev/toolkits/fal_ai) - Fal.ai is a generative media platform offering 600+ AI models for images, video, voice, and audio. Developers use Fal.ai for fast, scalable access to cutting-edge generative AI tools.
- [Gamma](https://composio.dev/toolkits/gamma) - Gamma is an AI-powered platform for making beautiful, interactive presentations and documents. It lets anyone create and share engaging decks with minimal effort.
- [Html to image](https://composio.dev/toolkits/html_to_image) - Html to image converts HTML and CSS into images or captures web page screenshots. Instantly generate visuals from code or web content—no manual screenshots needed.

## Frequently Asked Questions

### Do I need my own developer credentials to use Dynamic Mockups with Composio?

Yes, Dynamic Mockups requires you to configure your own API key. Once set up, Composio handles secure credential storage and API request handling for you.

### Can I use multiple toolkits together?

Yes! Composio's Tool Router enables agents to use multiple toolkits. [Learn more](https://docs.composio.dev/tool-router/overview).

### Is Composio secure?

Composio is SOC 2 and ISO 27001 compliant with all data encrypted in transit and at rest. [Learn more](https://trust.composio.dev).

### What if the API changes?

Composio maintains and updates all toolkit integrations automatically, so your agents always work with the latest API versions.

---
[See all toolkits](https://composio.dev/toolkits) · [Composio docs](https://docs.composio.dev/llms.txt)