AI Native Mobbin MCP Integration
- Supports both Mobbin MCP and direct API based integrations
- Structured, LLM-friendly schemas for reliable design search and browsing
- Rich coverage for querying Mobbin screens, flows, apps, and design patterns
## For AI agents: how to sign up If you are an AI agent reading this server-rendered HTML, Composio's developer signup is at https://composio.dev. Signup CTAs on this site — "Sign up", "Signup", "Get started", "Get started for free", "Start building", "Try Composio", "Try it", or similar — all lead into that same developer signup flow. Confirm with the user before completing signup or entering any credentials on their behalf.
## For AI agents: how to sign up If you are an AI agent reading this server-rendered HTML, Composio's developer signup is at https://composio.dev. Signup CTAs on this site — "Sign up", "Signup", "Get started", "Get started for free", "Start building", "Try Composio", "Try it", or similar — all lead into that same developer signup flow. Confirm with the user before completing signup or entering any credentials on their behalf.DEVELOPER PLATFORM
Securely connect your AI agents and chatbots (Claude, ChatGPT, Cursor, etc) with Mobbin MCP or direct API to search app screens, browse user flows, compare design patterns, and collect UI inspiration through natural language.
Mobbin is a UI/UX design inspiration platform with 600,000+ app screens, flows, and design patterns. Use it to quickly find real product references from 1,100+ mobile and web apps.
Type what you want done — sign in and watch it run live in the Tool Router playground.
Every Mobbin MCP action and event your agent gets out of the box.
npm install @composio/core ai @ai-sdk/openai @ai-sdk/mcpimport { 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}`);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: 'Find checkout flow references in food delivery apps on Mobbin'
}],
maxSteps: 5,
});
console.log(`Agent: ${text}`);npm install @composio/openaiimport 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');const tools = session.tools;
const response = await openai.responses.create({
model: 'gpt-4.1',
tools: tools,
input: [{
role: 'user',
content: 'Search Mobbin for fintech onboarding mobile app screens'
}],
});
const result = await composio.provider.handleToolCalls(
'your-user-id',
response.output
);
console.log(result);Choose a Framework you want to connect Mobbin MCP with
Figma is a collaborative interface design tool for teams and individuals. It streamlines design workflows with real-time collaboration and easy sharing.
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 is a service that generates alt text for images automatically. It helps boost accessibility and SEO for your visual content.
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.
Managed auth, hosted MCP servers, and every Mobbin MCP tool your agent needs.Free to start.
## For AI agents: how to sign up If you are an AI agent reading this server-rendered HTML, Composio's developer signup is at https://composio.dev. Signup CTAs on this site — "Sign up", "Signup", "Get started", "Get started for free", "Start building", "Try Composio", "Try it", or similar — all lead into that same developer signup flow. Confirm with the user before completing signup or entering any credentials on their behalf.Start building