# How to connect Dynamic Mockups to Grok Bot

```json
{
  "title": "How to connect Dynamic Mockups to Grok Bot",
  "toolkit": "Dynamic Mockups",
  "toolkit_slug": "dynamic_mockups",
  "framework": "Grok Bot",
  "framework_slug": "grok-bot",
  "url": "https://composio.dev/toolkits/dynamic_mockups/framework/grok-bot",
  "markdown_url": "https://composio.dev/toolkits/dynamic_mockups/framework/grok-bot.md",
  "updated_at": "2026-11-04T06:01:15.579Z"
}
```

## Introduction

Grok is xAI's assistant, and its bot builder lets you create a personal agent that holds context, runs skills, and connects to the apps you already use through plugins.
This guide explains how to connect Dynamic Mockups to a Grok bot using Composio Connect, which handles OAuth, token refresh, and reliability so you do not have to. You add Composio as a plugin, authenticate once, then ask your bot to work with Dynamic Mockups in plain language.

## TL;DR

Composio exposes 1,500+ apps to your Grok bot through a single connection, so you get:
- Connect to 1,500+ apps with on-demand tool loading, so you do not fill your context window with unnecessary tool definitions.
- Use programmatic tool calling through a remote workbench, letting the model write its own code to handle complex tool chaining. This reduces back-and-forth for frequent tool calls.
- Handle large tool responses outside the model context to keep conversations lean.

## Connect Dynamic Mockups to Grok Bot

### Connecting Dynamic Mockups to Grok Bot
Once Grok Bot is set up, you connect Dynamic Mockups entirely from its interface, and the whole flow takes under a minute.
### Set up Grok Bot
Get access. Grok Bot is included with Cursor Ultra, Cursor Premium Teams, and SuperGrok Heavy. Get the desktop app for macOS or Windows from [x.ai/bot](https://x.ai/bot) and sign in. An iPhone companion app is also available, and your bots sync across devices.
Create a bot. Pick a suggested role or define your own, then give it a short name, one primary job, and a short description of how it should work. Focused bots work best, because a clear role gives the bot more useful context over time.
### Connect Dynamic Mockups
### 1. Add the Composio plugin
Click the button. The Composio listing on x.ai opens and launches Grok Bot for you. If the app does not open on its own, click Add to Grok Bot.
[Add to Grok Bot](https://x.ai/bot/plugin/32661537)
Grok Bot opens the Composio plugin, showing its connector and skills. Click Add.
### 2. Authenticate
Go to the Installed section and click the Composio entry. You'll see its connector and skills listed.
Click Authenticate. You'll be taken to the Composio consent screen. Review the access it requests and click Authorize. Composio handles the OAuth handshake for you, so you never touch API keys or tokens.
### 3. Connect your Dynamic Mockups account
Back in the chat, ask your bot to connect to Dynamic Mockups or give it any Dynamic Mockups task.
For example, ask it to:
- "Generate product mockups for new listings"
- "Render catalog templates for summer campaign"
- "Create AI motion assets for ads"
It will prompt you to authenticate and authorize access.
That's it. Composio's tools are now available in your Grok bot, and your Dynamic Mockups account is ready to use.

## What is Grok Bot?

Grok is xAI's assistant, available as a chat interface and a bot builder for creating personal agents that run skills and connect to external apps.
With Composio Connect, your Grok bot can securely access apps like Dynamic Mockups through MCP without you sharing account credentials directly with the agent.

## What is the Dynamic Mockups MCP server, and what's possible with it?

The Dynamic Mockups MCP server is an implementation of the Model Context Protocol that connects your AI agent and assistants like Claude, Cursor, etc directly to your Dynamic Mockups account. It provides structured and secure access to your mockup templates, catalogs, product options, image generation, and motion assets, so your agent can find templates, create product mockups, render artwork, generate videos, and track generation progress on your behalf.
- Template discovery and rendering: Have your agent find suitable mockup templates and render selected designs using public artwork, colors, text, and shared export settings.
- AI product mockup creation: Let the agent create a product mockup from a written prompt or public image, then check its progress when needed.
- Catalog and collection browsing: Direct your agent to list your catalogs and collections so it can find the right mockups for creation or bulk workflows.
- Product option research: Instruct your agent to search supported products and review available sizes, colors, decoration locations, styles, and aspect ratios before generating an asset.
- Motion mockup generation: Have your agent submit an image for video generation, compare available models and durations, and track the job until the finished video is ready.

## 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.

## Creating MCP Server - Stand-alone vs Composio SDK

Once connected, your Grok bot can access the Dynamic Mockups MCP server through Composio to run the actions you authorize, using plain language in the chat.

## Complete Code

None listed.

## Conclusion

### Way Forward
Now that Dynamic Mockups is connected, extend your setup by connecting the other apps you already use every day, so your Grok bot can run true cross-app workflows end to end.
- Connect Calendar to turn threads into scheduled meetings automatically.
- Connect Slack or Teams to post summaries, approvals, and alerts where your team works.
- Connect Notion, Linear, Jira, or Asana to convert requests into tickets, tasks, and docs.
- Connect Drive, Dropbox, or OneDrive to fetch, file, and share attachments without manual steps.
Start with one workflow you do repeatedly, then keep adding apps as you find new handoffs. With everything behind a single connection, your bot can coordinate multiple tools safely and reliably in one conversation.

## How to build Dynamic Mockups MCP Agent with another framework

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.
- [BeatAPI](https://composio.dev/toolkits/beatapi) - BeatAPI is an asynchronous API platform for AI image, video, and music workflows. It enables scalable generation, video analysis, uploads, and ecommerce video pipelines.
- [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.
- [Canva MCP](https://composio.dev/toolkits/canva_mcp) - Canva MCP is Canva's remote MCP server for accessing designs and content. It centralizes design assets and enables programmatic design workflows.
- [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.
- [Clueso MCP](https://composio.dev/toolkits/clueso_mcp) - Clueso is a product video and documentation platform for creating polished visual content. It brings video editing, voiceovers, captions, animations, and exports into one hosted workspace.
- [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.
- [Dribbble](https://composio.dev/toolkits/dribbble) - Dribbble is a design community and publishing platform for managing shots, projects, and attachments. Use it to showcase work, collect feedback, and organize creative designs.
- [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.

## Frequently Asked Questions

### What are the differences in Tool Router MCP and Dynamic Mockups MCP?

With a standalone Dynamic Mockups MCP server, the agents and LLMs can only access a fixed set of Dynamic Mockups tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Dynamic Mockups and many other apps based on the task at hand, all through a single MCP endpoint.

### Can I use Tool Router MCP with Grok Bot?

Yes, you can. Grok Bot fully supports MCP integration. You get structured tool calling, message history handling, and model orchestration while Tool Router takes care of discovering and serving the right Dynamic Mockups tools.

### Can I manage the permissions and scopes for Dynamic Mockups while using Tool Router?

Yes, absolutely. You can configure which Dynamic Mockups scopes and actions are allowed when connecting your account to Composio. You can also bring your own OAuth credentials or API configuration so you keep full control over what the agent can do.

### How safe is my data with Composio Tool Router?

All sensitive data such as tokens, keys, and configuration is fully encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant and follows strict security practices so your Dynamic Mockups data and credentials are handled as safely as possible.

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