"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { code: "code", h1: "h1", h2: "h2", h3: "h3", li: "li", ol: "ol", p: "p", pre: "pre", strong: "strong", ul: "ul", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsx(_components.h1, { children: "How to Use Cline MCP Server" }), "\n", _jsx(_components.p, { children: "This guide explains how to use MCP servers with Cline to enhance your AI development workflow." }), "\n", _jsx(_components.h2, { children: "Overview" }), "\n", _jsx(_components.p, { children: "Cline is a powerful AI-first terminal that implements the Model Context Protocol (MCP), enabling seamless integration between LLMs and external tools or data sources. MCP servers act as intermediaries that expose functionalities to LLMs, allowing them to interact with various systems and services." }), "\n", _jsx(_components.h2, { children: "Key Concepts" }), "\n", _jsxs(_components.ol, { children: ["\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "MCP Architecture" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "MCP Hosts" }), ": Discover and load server capabilities"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "Tools" }), ": Executable functions for LLMs"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "Resources" }), ": Provide access to read-only data"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.strong, { children: "Security" }), ": Isolated credentials with user approval"] }), "\n"] }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Server Types" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "Pre-built servers from GitHub" }), "\n", _jsx(_components.li, { children: "Customized existing servers" }), "\n", _jsx(_components.li, { children: "Custom-built servers for specific needs" }), "\n"] }), "\n"] }), "\n"] }), "\n", _jsx(_components.h2, { children: "Use Cases" }), "\n", _jsx(_components.h3, { children: "Web Services Integration" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-typescript", children: "// Example: GitHub integration\n\ngithub\ncreate_issue\n\n{\n \"repo\": \"owner/repo\",\n \"title\": \"Bug Report\",\n \"body\": \"Description of the issue\",\n \"labels\": [\"bug\", \"priority\"]\n}\n\n\n" }) }), "\n", _jsx(_components.h3, { children: "Database Operations" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-typescript", children: "// Example: Database query\n\ndatabase\nquery\n\n{\n \"query\": \"SELECT * FROM sales WHERE date >= ?\",\n \"params\": [\"2024-01-01\"],\n \"format\": \"json\"\n}\n\n\n" }) }), "\n", _jsx(_components.h3, { children: "Project Management" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-typescript", children: "// Example: Jira integration\n\njira\ncreate_task\n\n{\n \"project\": \"PROJ\",\n \"type\": \"Task\",\n \"summary\": \"Implement new feature\",\n \"description\": \"Detailed task description\"\n}\n\n\n" }) }), "\n", _jsx(_components.h2, { children: "Integration Features" }), "\n", _jsxs(_components.ol, { children: ["\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Natural Language Understanding" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "Describe server functionality in plain language" }), "\n", _jsx(_components.li, { children: "AI interprets and generates necessary code" }), "\n", _jsx(_components.li, { children: "Context-aware tool suggestions" }), "\n"] }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Server Management" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "Automatic server cloning from GitHub" }), "\n", _jsx(_components.li, { children: "Dependency management" }), "\n", _jsx(_components.li, { children: "Configuration handling" }), "\n", _jsx(_components.li, { children: "Environment setup" }), "\n"] }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Tool Execution" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "Seamless tool integration" }), "\n", _jsx(_components.li, { children: "Context-aware interactions" }), "\n", _jsx(_components.li, { children: "Dynamic tool combinations" }), "\n", _jsx(_components.li, { children: "Real-time execution feedback" }), "\n"] }), "\n"] }), "\n"] }), "\n", _jsx(_components.h2, { children: "Security Best Practices" }), "\n", _jsxs(_components.ol, { children: ["\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Authentication" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "Use secure authentication methods" }), "\n", _jsx(_components.li, { children: "Implement token-based access" }), "\n", _jsx(_components.li, { children: "Regular credential rotation" }), "\n", _jsx(_components.li, { children: "Audit authentication logs" }), "\n"] }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Data Protection" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "Environment variable usage" }), "\n", _jsx(_components.li, { children: "Secure credential storage" }), "\n", _jsx(_components.li, { children: "Input validation" }), "\n", _jsx(_components.li, { children: "Output sanitization" }), "\n"] }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Access Control" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "User authorization" }), "\n", _jsx(_components.li, { children: "Permission management" }), "\n", _jsx(_components.li, { children: "Rate limiting" }), "\n", _jsx(_components.li, { children: "Activity monitoring" }), "\n"] }), "\n"] }), "\n"] }), "\n", _jsx(_components.h2, { children: "Server Development" }), "\n", _jsx(_components.h3, { children: "Building Custom Servers" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-typescript", children: "// Example: Basic MCP server structure\nimport { createServer } from '@mcp/core';\n\nconst server = createServer({\n name: 'custom-server',\n version: '1.0.0',\n tools: [\n {\n name: 'example_tool',\n description: 'Example tool implementation',\n parameters: {\n param1: { type: 'string', description: 'First parameter' },\n param2: { type: 'number', description: 'Second parameter' },\n },\n execute: async (params) => {\n // Tool implementation\n return { result: 'Success' };\n },\n },\n ],\n});\n" }) }), "\n", _jsx(_components.h3, { children: "Debugging Tools" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-bash", children: "# Enable debug logging\nexport DEBUG=mcp:*\ncline start-server --debug\n\n# Monitor server logs\ntail -f ~/.cline/logs/mcp-server.log\n\n# Test tool execution\ncline test-tool custom-server example_tool\n" }) }), "\n", _jsx(_components.h2, { children: "Troubleshooting" }), "\n", _jsx(_components.h3, { children: "Common Issues" }), "\n", _jsxs(_components.ol, { children: ["\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Server Connection" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "Check server status" }), "\n", _jsx(_components.li, { children: "Verify network connectivity" }), "\n", _jsx(_components.li, { children: "Validate configuration" }), "\n", _jsx(_components.li, { children: "Review error logs" }), "\n"] }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Tool Execution" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "Verify parameters" }), "\n", _jsx(_components.li, { children: "Check permissions" }), "\n", _jsx(_components.li, { children: "Monitor timeouts" }), "\n", _jsx(_components.li, { children: "Review response formats" }), "\n"] }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Development Issues" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "Debug mode activation" }), "\n", _jsx(_components.li, { children: "Log analysis" }), "\n", _jsx(_components.li, { children: "Version compatibility" }), "\n", _jsx(_components.li, { children: "Dependency checks" }), "\n"] }), "\n"] }), "\n"] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };

Convex

Convex

MCP Server Guides

cline

cursor

windsurf

Popular MCP Servers

Supabase

Resend

Github