Mobbin MCP connector
OAuth2.1/DCRDesignSearchConnect to Mobbin's MCP server to search real-world UI and UX design references from mobile apps, web apps, and websites using natural language. Returns...
Mobbin MCP connector
-
Install the SDK
Section titled “Install the SDK”Terminal window npm install @scalekit-sdk/nodeTerminal window pip install scalekit -
Set your credentials
Section titled “Set your credentials”Add your Scalekit credentials to your
.envfile. Find values in app.scalekit.com > Developers > API Credentials..env SCALEKIT_ENVIRONMENT_URL=<your-environment-url>SCALEKIT_CLIENT_ID=<your-client-id>SCALEKIT_CLIENT_SECRET=<your-client-secret> -
Authorize and make your first call
Section titled “Authorize and make your first call”quickstart.ts import { ScalekitClient } from '@scalekit-sdk/node'import 'dotenv/config'const scalekit = new ScalekitClient(process.env.SCALEKIT_ENV_URL,process.env.SCALEKIT_CLIENT_ID,process.env.SCALEKIT_CLIENT_SECRET,)const actions = scalekit.actionsconst connector = 'mobbinmcp'const identifier = 'user_123'// Generate an authorization link for the userconst { link } = await actions.getAuthorizationLink({ connectionName: connector, identifier })console.log('Authorize Mobbin MCP:', link)process.stdout.write('Press Enter after authorizing...')await new Promise(r => process.stdin.once('data', r))// Make your first callconst result = await actions.executeTool({connector,identifier,toolName: 'mobbinmcp_search_sections',toolInput: { query: 'YOUR_QUERY' },})console.log(result)quickstart.py import osfrom scalekit.client import ScalekitClientfrom dotenv import load_dotenvload_dotenv()scalekit_client = ScalekitClient(env_url=os.getenv("SCALEKIT_ENV_URL"),client_id=os.getenv("SCALEKIT_CLIENT_ID"),client_secret=os.getenv("SCALEKIT_CLIENT_SECRET"),)actions = scalekit_client.actionsconnection_name = "mobbinmcp"identifier = "user_123"# Generate an authorization link for the userlink_response = actions.get_authorization_link(connection_name=connection_name,identifier=identifier,)print("Authorize Mobbin MCP:", link_response.link)input("Press Enter after authorizing...")# Make your first callresult = actions.execute_tool(tool_input={"query":"YOUR_QUERY"},tool_name="mobbinmcp_search_sections",connection_name=connection_name,identifier=identifier,)print(result)
What you can do
Section titled “What you can do”Connect this agent connector to let your agent:
- Search sections, screens, flows — Search Mobbin for website sections (e.g
Tool list
Section titled “Tool list”Use the exact tool names from the Tool list below when you call execute_tool. If you’re not sure which name to use, list the tools available for the current user first.
mobbinmcp_search_flows#Search Mobbin for multi-step user flows (e.g. onboarding, checkout) using natural language. Returns flow screens with inline images.5 params
Search Mobbin for multi-step user flows (e.g. onboarding, checkout) using natural language. Returns flow screens with inline images.
platformstringrequiredPlatform to filter results by.querystringrequiredNatural language query to search for user flows.image_formatstringoptionalFormat for the returned flow screen images.limitintegeroptionalMaximum number of results to return.pageintegeroptionalPage number for pagination.mobbinmcp_search_screens#Search Mobbin for UI screens using natural language. Returns matching screens with inline images and metadata.6 params
Search Mobbin for UI screens using natural language. Returns matching screens with inline images and metadata.
platformstringrequiredPlatform to filter results by.querystringrequiredNatural language query to search for UI screens.exclude_screen_idsarrayoptionalList of screen IDs to exclude from results.image_formatstringoptionalFormat for the returned screen images.limitintegeroptionalMaximum number of results to return.modestringoptionalSearch mode to control result matching strategy.mobbinmcp_search_sections#Search Mobbin for website sections (e.g. About, Pricing, Footer) using natural language. Returns section images from real websites.4 params
Search Mobbin for website sections (e.g. About, Pricing, Footer) using natural language. Returns section images from real websites.
querystringrequiredNatural language query to search for website sections.image_formatstringoptionalFormat for the returned section images.limitintegeroptionalMaximum number of results to return.pageintegeroptionalPage number for pagination.