hbnhkfkblpgjlfonnikijlofeiabolmi
A Chrome extension that captures website components and sends them to AI coding assistants like Cursor, Claude Code, Codex, etc Capture website components visually and turn them into ready-to-use code and prompts for your AI coding assistant. With Web To MCP, you can highlight any part of a live webpage, generate clean output, and send it directly into tools like Cursor or Claude Code through MCP integration. Web To MCP extension removes the guesswork from design-to-code workflows, giving developers and teams a faster way to build accurate front-end interfaces with real context from the web. Key features Capture components visually with a simple hover and click Generate instant code and prompts that can be used directly in your editor Seamless integration with Cursor and Claude Code through MCP Preserve pixel-perfect references for accurate design-to-code handoff Save hours of manual effort by automating repetitive front-end tasks Lightweight and secure Chrome extension built for speed How it works Install the Web To MCP Chrome extension from the Chrome Web Store. Enable the extension in your browser. Visit any website and hover over an element to highlight it. Click to capture the component and generate the code and prompt. Copy and paste directly into Cursor or Claude Code to start building. Why developers choose Web To MCP AI-powered workflow: Give your coding assistant clear context with visual and code inputs. Faster front-end development: Reduce design-to-code delivery time by up to 10x. Better accuracy: Stop relying on vague descriptions and pass real UI components instead. Works with your stack: Optimized for modern AI IDEs like Cursor and Claude Code. Improves collaboration: Designers, developers, and AI tools stay aligned with shared visual references. Use cases Quickly capture navigation bars, buttons, or layouts from live sites Speed up prototyping with real-world design elements Train AI coding assistants with exact visuals for better results Eliminate rework in front-end development by reducing miscommunication Automate repetitive coding tasks and focus on shipping features Requirements Google Chrome browser Cursor or Claude Code with MCP configured
MCP-B Extension
AI-powered browser assistant with Model Context Protocol integration for enhanced web interactions This extension let's you call webmcp tools and script any website
Web to Figma
Web to Figma extension to capture pages and components and import them into Figma as editable designs. No more screenshots. Web to Figma lets you import full webpages using the plugin, or import specific components from a website, using our Chrome Extension. Convert any HTML to design file in Figma. Import components or webpages using the Chrome Extension: 1. Download the Web to Figma Chrome Extension 2. Go to any page in your Chrome Browser 3. Invoke the extension, and then choose if you want to capture the entire page or a single component 4. Once the extension captures the page, save the page/component to a Collection 5. Go to Figma and run the plugin 6. Go to the Collections tab of the plugin 7. Find your latest capture and click on Add to Figma Import webpages using the plugin: 1. Install the plugin 2. From within any file, run the plugin by going to Plugins menu and selecting Web to Figma 3. In the Import tab of the plugin, enter the URL of the webpage that you want to import. For example, https://github.com/home 4. Choose the relevant settings 5. Click on Import 1. Create a library of design inspirations using Collections 2. Create a moodboard 3. Collaborate with developers by importing their implementation and comparing against the reference design 4. Learn how some of the more complex websites have been structured 5. Quickly explore various design patterns when solving a new task
Blueprint MCP for Chrome
Browser automation for Claude without token limits. Uses CSS selectors, not snapshots. Open source, zero telemetry. Give Claude Code (and other AI assistants) direct control of your real Chrome browser Stop wrestling with headless browsers, bot detection, and authentication flows. Blueprint MCP for Chrome bridges the Model Context Protocol (MCP) with your actual Chrome browser - keeping you logged into all your sites, preserving your extensions, and using your real browser fingerprint. THE CRITICAL ADVANTAGE: Efficient browser automation that does not consume your AI's context. Instead of sending massive page snapshots with every action (which quickly exhausts context limits and often exceeds MCP response size limits), Blueprint MCP lets your AI interact directly - click, type, navigate - and only fetch page content when specifically needed. This enables complex, multi-step workflows that would be impossible with snapshot-based approaches. Perfect for developers using Claude Code, Claude Desktop, Cursor, or any MCP-compatible AI client who need to automate web tasks without the headaches of Playwright/Puppeteer/Selenium. The problem: Traditional browser automation requires sending full page snapshots after every action, consuming thousands of tokens per interaction and hitting response size limits. You also lose logged-in sessions, face bot detection, and spend time configuring browser profiles. The solution: Blueprint MCP connects your AI assistant to your real Chrome browser through direct commands. Your AI controls the browser - click, type, navigate - without needing page snapshots unless explicitly requested. This preserves context for actual decision-making instead of wasting it on redundant page content. What this enables: - AI-powered web scraping that bypasses bot detection - Automated form filling with your saved passwords - Testing workflows using your logged-in accounts - Content extraction from authenticated sites - Browser automation that works with 2FA and CAPTCHAs Real Browser Automation: - Uses your actual Chrome profile - Stays logged into Gmail, GitHub, AWS, etc. - Stealth mode - No bot detection. Uses your real browser fingerprint - Extension support - Works alongside your existing Chrome extensions - Session persistence - No re-authentication needed Native MCP Integration: - 20+ browser tools exposed via Model Context Protocol - Tab management - Create, switch, close tabs programmatically - DOM inspection - Get accessible page content - Network monitoring - Capture requests, replay with authentication - JavaScript execution - Run code in page context Developer Experience: - Zero setup - Install extension, works instantly - Auto-reconnection - Survives browser restarts - Debug mode - Verbose logging for troubleshooting - Status visibility - Real-time connection status Comprehensive Automation: - Screenshots (full page or elements) - Content extraction as Markdown - Form automation (fill, dropdowns, file uploads) - Mouse/keyboard control (click, type, hover, drag-drop) - Performance metrics (Web Vitals) Advanced Capabilities: - Tech stack detection (40+ frameworks) - Network request replay - PDF export - Dialog handling (alert/confirm/prompt) - Extension management Setup (3 steps, 2 minutes): 1. Install MCP server: npm install -g @railsblueprint/blueprint-mcp 2. Install this Chrome extension 3. Configure AI client: claude mcp add browser npx @railsblueprint/blueprint-mcp@latest The extension auto-connects when your AI client starts the MCP server. Free Tier (Local Mode): - All communication stays on your machine (localhost WebSocket) - Zero data sent to cloud - No tracking, telemetry, or analytics - Works completely offline - No account required Open Source: - Full source: https://github.com/railsblueprint/blueprint-mcp - Apache 2.0 license - Audit the code yourself Blueprint MCP for Chrome - Give your AI assistant the browser automation it deserves.
MCP SuperAssistant
The MCP SuperAssistant Extension was created to bridge the gap between AI platforms like Perplexity, ChatGPT, Grok etc. and the Model Context Protocol (MCP) tools. While these AI platforms are powerful for general knowledge and reasoning, they lack the ability to execute specific tools or access external systems directly. This extension solves that problem by providing a seamless way to detect, execute, and integrate MCP tools within these platforms. ### Limited Tool Execution Capabilities AI platforms like Perplexity and ChatGPT have limited or no native ability to execute external tools. This extension enables these platforms to leverage MCP tools for tasks that require specific capabilities not available to the AI models directly. ### Manual Tool Execution Workflow Without this extension, users would need to manually execute tools outside the AI platform and copy-paste results back into the conversation. This creates a disjointed user experience and breaks the flow of interaction. The extension automates this process, making it seamless. ### Tool Discovery and Management Users may not be aware of all available MCP tools or how to use them effectively. The extension provides a user-friendly interface for discovering, understanding, and executing these tools directly from the AI platform. ### Cross-Platform Consistency Different AI platforms have different interfaces and capabilities. This extension provides a consistent way to access and use MCP tools across multiple platforms, reducing the learning curve for users. ### Auto Configuration MCP Superassistant has got Auto execute, Auto Insert and Auto submit functionalities which also can be delay specifically from the settings panel of the sidebar UI.
