Mobbin Agent
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Mobbin AgentFind trending dashboard screens and download top 20"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Mobbin Agent
MCP server that gives AI agents browser-based access to Mobbin for design research, screen discovery, and screenshot collection.
Claude Code (AI reasoning + decisions)
↕ MCP Protocol (stdio)
Mobbin Agent (TypeScript MCP server)
↕ Playwright (browser automation)
Mobbin.com (authenticated session)
↕ Local filesystem
data/downloads/ (saved screenshots)The AI agent decides what to browse, search, and download. The MCP server provides deterministic browser control tools. No extra LLM cost per browser action.
Features
10 MCP tools — lifecycle, navigation, interaction, perception, collection
Session persistence — authenticate once, sessions auto-restore across runs
Structured extraction — page data returned as classified JSON (screens, flows, apps, categories)
Full-resolution downloads — batch download screen images at 1920px PNG quality
Anti-detection — realistic user agent, disabled automation flags, human-like delays
Direct script access — bypass MCP and import modules directly for batch tasks
Related MCP server: @meshbrow/mcp-server
Requirements
Node.js >= 18
A Mobbin account (free or paid)
Setup
git clone git@github.com:ismailsaleekh/mobbin-agent.git
cd mobbin-agent
npm install
npx playwright install chromium
npm run buildFirst-time authentication
Mobbin requires login. On first use, authenticate in a visible browser window — the session is saved automatically for future runs.
node -e "
import('./dist/browser.js').then(async ({ BrowserManager }) => {
const { MobbinNavigator } = await import('./dist/mobbin.js');
const browser = new BrowserManager();
await browser.launch({ headless: false });
const mobbin = new MobbinNavigator(browser);
const result = await mobbin.login();
console.log(result);
await browser.close();
process.exit(0);
});
"A Chromium window opens to mobbin.com/login. Log in manually — the server detects completion and saves cookies to data/session/storage-state.json. Sessions last ~24-48 hours.
Usage with Claude Code
Add to your Claude Code MCP configuration:
{
"mcpServers": {
"mobbin": {
"command": "node",
"args": ["/absolute/path/to/mobbin-agent/dist/index.js"]
}
}
}Then ask Claude to browse Mobbin:
"Find trending dashboard screen patterns on Mobbin and download the top 20 at full resolution"
"Browse onboarding flows on Mobbin and extract the screen URLs for e-commerce apps"
Tools
10 tools across 5 categories:
Category | Tool | Description |
Lifecycle |
| Launch browser and restore saved session |
| Navigate to login page for manual authentication | |
| Save session and close browser | |
Navigation |
| Go to any Mobbin URL, wait for load |
| Scroll page to load more content (infinite scroll) | |
Interaction |
| Click element by text, CSS selector, or coordinates |
| Type text into input field | |
Perception |
| Take viewport screenshot (returns PNG) |
| Extract structured data from current page | |
Collection |
| Download screen images by URL to local filesystem |
See Tool Reference for parameters, return formats, and examples.
Example: Batch collection script
gather.mjs collects screen images by pattern — bypasses MCP and imports modules directly:
# Collect trending dashboard screens
PATTERN=Dashboard node gather.mjs
# Collect most popular checkout screens with more scrolling
PATTERN=Checkout SORT=mostPopular MAX_SCROLLS=12 node gather.mjsImages are saved to data/downloads/{pattern}/ at full 1920px PNG resolution.
Project structure
mobbin-agent/
├── src/
│ ├── index.ts # MCP server entry point (stdio transport)
│ ├── browser.ts # Playwright browser lifecycle and interactions
│ ├── mobbin.ts # Mobbin domain logic (login, extract, classify)
│ └── tools.ts # MCP tool definitions and handlers
├── docs/ # Full documentation
│ ├── INDEX.md # Tool reference (all 10 tools)
│ ├── OPERATIONAL-GUIDE.md # Workflows, rules, recipes
│ ├── connection.md # MCP setup, session, direct usage
│ ├── tools/ # Detailed tool docs (5 files)
│ ├── reference/ # URL patterns, page types
│ └── troubleshooting/ # Known issues and solutions
├── gather.mjs # Batch collection example script
├── data/
│ ├── session/ # Saved browser session (gitignored)
│ └── downloads/ # Downloaded images (gitignored)
├── MOBBIN-INSTRUCTIONS.md # Mandatory reading for AI agents
├── package.json
└── tsconfig.jsonDocumentation
Document | Purpose |
Entry point — key rules for AI agents | |
All 10 tools with links to detailed docs | |
Rules, collection workflows, script templates, timeouts | |
MCP config, browser lifecycle, session persistence, direct script usage | |
Search templates, filter catalogs, CDN URLs | |
Page classification reference | |
Known issues and solutions |
Tech stack
Component | Technology |
MCP server |
|
Browser automation |
|
Language | TypeScript 5.8 (ESM, strict) |
Transport | stdio (JSON-RPC 2.0) |
Session storage | Playwright |
License
MIT
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Servers
- Alicense-qualityAmaintenanceAn MCP server that gives AI agents real browser capabilities including screenshotting, action execution, data extraction, and multi-persona auditing for frontend validation.2986MIT

@meshbrow/mcp-serverofficial
Alicense-qualityAmaintenanceMCP server for Meshbrow that gives AI agents full browser automation capabilities with stealth anti-detection, enabling natural language control of browser sessions, data extraction, and multi-browser fleets.MIT- Flicense-qualityDmaintenanceAn MCP server that enables AI coding tools to control a browser for automated actions, UI extraction, network interception, and screenshots.1
- Flicense-qualityBmaintenanceMCP server that enables AI agents to automate browser testing via Chromium, providing tools for navigation, interaction, and inspection.
Related MCP Connectors
A paid remote MCP for AI agent browser approval MCP, built to return verdicts, receipts, usage logs,
Screenshot, diff, audit and sitemap-capture any web page — 5 MCP tools for AI agents.
A paid remote MCP for AI agent browser MCP session, built to return verdicts, receipts, usage logs,
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/ismailsaleekh/mobbin-agent'
If you have feedback or need assistance with the MCP directory API, please join our Discord server