kogiQA MCP Web Browser

आधिकारिक

यह एक वेब ब्राउज़र है जो आपके कोडिंग एजेंट, जैसे कि Claude Code, को आपकी ओर से वेबसाइटों पर जाने और बग्स की पहचान करने या UI टेस्ट केस बनाने में सहायता करने में सक्षम बनाता है।

GitHub

103

इस MCP को आज़माएँप्रायोजित

kogiQA Web Browser MCP के साथ आप क्या कर सकते हैं?

अपने सहायक से प्राकृतिक भाषा के माध्यम से वास्तविक ब्राउज़र चलाने को कहें—किसी सेलेक्टर की आवश्यकता नहीं।

डिबग स्टाइल समस्याएँ — सहायक से किसी पेज का निरीक्षण करवाएँ और बताएँ कि कोई एलिमेंट ओवरफ्लो या गलत संरेखित क्यों है, फिर CSS सुधार सुझाएँ।
कंसोल त्रुटियाँ ठीक करें — सहायक से पेजों के माध्यम से नेविगेट करने, कंसोल त्रुटियाँ एकत्र करने और आपके सोर्स कोड में सुधार लागू करने को कहें।
अपने ऐप का मानचित्रण और दस्तावेज़ीकरण करें — सहायक को आंतरिक लिंक्स का अन्वेषण करने और प्रत्येक पेज की विशेषताओं का Markdown अवलोकन तैयार करने का निर्देश दें।
एंड-टू-एंड परीक्षण उत्पन्न करें — किसी फ्लो के हैप्पी पाथ और वैलिडेशन त्रुटियों को कवर करने वाले Cypress परीक्षणों का अनुरोध करें।
खोजपूर्ण परीक्षण चलाएँ — सहायक को फॉर्म में एज-केस इनपुट आज़माने दें और टूटे या असंगत व्यवहार की रिपोर्ट करने दें।

दस्तावेज़

kogiQA MCP Web Browser

एक Model Context Protocol (MCP) सर्वर जो kogiQA का उपयोग करके ब्राउज़र स्वचालन क्षमताएँ प्रदान करता है। यह सर्वर LLMs को स्क्रीनशॉट या दृश्य-ट्यून किए गए मॉडल की आवश्यकता के बिना, प्राकृतिक भाषा के माध्यम से वेब पेजों के साथ बातचीत करने में सक्षम बनाता है।

किस लिए उपयोग करें:

अपने पेज पर स्टाइल समस्याओं को डीबग करें
कंसोल त्रुटियों को स्वचालित रूप से ठीक करें।
अपने वेब ऐप की कार्यक्षमता को मैप और दस्तावेज़ित करें
स्वचालित रूप से एंड-टू-एंड परीक्षण लिखें
अपने एप्लिकेशन के खोजपूर्ण परीक्षण को स्वचालित करें

उदाहरण प्रॉम्प्ट देखें Usage Examples

kogiQA MCP vs Playwright MCP

kogiQA MCP सर्वर एक ब्राउज़र प्रदान करता है जिसमें kogiQA ब्राउज़र नियंत्रण एल्गोरिदम की क्षमताएँ शामिल हैं। यह एजेंटों को बिना सेलेक्टर के पेजों के साथ बातचीत करने में सक्षम बनाता है, जिससे समय और टोकन की बचत होती है।

इंस्टॉलेशन

स्वचालित इंस्टॉल:

npx kogiqa-mcp@latest

Claude Code

claude mcp add kogiqa-browser npx kogiqa-mcp@latest

VS Code

सीधे VS Code में इंस्टॉल करने के लिए नीचे दिए गए बटनों में से एक पर क्लिक करें:

वैकल्पिक रूप से, VS Code CLI के माध्यम से इंस्टॉल करें:

code --add-mcp '{"name":"kogiqa-browser","command":"npx","args":["kogiqa-mcp@latest"]}'

Cursor

वैकल्पिक रूप से, Cursor Settings → MCP → Add new MCP Server पर जाएं और कमांड npx kogiqa-mcp@latest दर्ज करें।

मानक कॉन्फ़िगरेशन

किसी भी अन्य MCP क्लाइंट के लिए, अपने MCP कॉन्फ़िगरेशन में निम्नलिखित जोड़ें:

{
  "mcpServers": {
    "kogiqa-browser": {
      "command": "npx",
      "args": [
        "kogiqa-mcp@latest"
      ]
    }
  }
}

उपयोग उदाहरण

सर्वर कॉन्फ़िगर हो जाने के बाद, बस अपने एजेंट से प्राकृतिक भाषा में बात करें। चूंकि kogiQA सेलेक्टर-मुक्त है, आप वर्णन करते हैं कि आप क्या करवाना चाहते हैं — न कि तत्वों को कैसे खोजना है।

उपयोगकर्ता प्रवाह का स्मोक-टेस्ट करें

Open http://localhost:3000, log in with the demo credentials, add the first product to the cart, and verify that the cart badge shows "1".

स्टाइल समस्या को डीबग करें

Go to https://myapp.example.com/pricing and check why the "Pro" plan card overflows its container on a 1280px-wide viewport. Suggest a CSS fix.

कंसोल त्रुटियों को ठीक करें

Navigate to http://localhost:5173, open every page linked from the main menu, collect all console errors, and fix them in the source code.

अपने ऐप को मैप और दस्तावेज़ित करें

Explore https://staging.example.com, follow all internal links up to two levels deep, and produce a Markdown document describing each page and its main features.

एंड-टू-एंड परीक्षण उत्पन्न करें

Walk through the sign-up flow at http://localhost:3000/signup and write Cypress end-to-end tests covering the happy path and validation errors.

खोजपूर्ण परीक्षण

Do 10 minutes of exploratory testing on http://localhost:8080: try edge-case inputs in every form you find and report anything that looks broken or inconsistent.

आवश्यकताएँ

Node.js 20 या नया
VS Code, Cursor, Windsurf, Claude Desktop, Goose, Junie या कोई अन्य MCP क्लाइंट