index.html•3.31 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fibonacci MCP Server</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
max-width: 800px;
margin: 0 auto;
padding: 2rem;
line-height: 1.6;
color: #333;
}
h1 {
color: #2c3e50;
border-bottom: 3px solid #3498db;
padding-bottom: 0.5rem;
}
.feature {
background: #f8f9fa;
padding: 1rem;
margin: 1rem 0;
border-left: 4px solid #3498db;
border-radius: 4px;
}
.endpoint {
background: #e8f5e8;
padding: 0.5rem;
border-radius: 4px;
font-family: monospace;
margin: 0.5rem 0;
}
.tool {
background: #fff3cd;
padding: 1rem;
margin: 1rem 0;
border-radius: 4px;
border: 1px solid #ffeaa7;
}
</style>
</head>
<body>
<h1>🔢 Fibonacci MCP Server</h1>
<p>Welcome to the Fibonacci MCP (Model Context Protocol) Server! This server provides a simple tool for calculating Fibonacci numbers through the MCP protocol.</p>
<div class="feature">
<h2>🚀 What is MCP?</h2>
<p>The Model Context Protocol (MCP) is a standard for connecting AI models to external data sources and tools. It enables AI assistants to access real-time information, perform calculations, and interact with various services through a unified interface.</p>
</div>
<div class="feature">
<h2>🛠️ Available Tools</h2>
<div class="tool">
<h3>fibonacci</h3>
<p><strong>Description:</strong> Calculate the nth Fibonacci number</p>
<p><strong>Input:</strong> A non-negative integer n representing the position in the Fibonacci sequence (0-indexed)</p>
<p><strong>Output:</strong> The nth Fibonacci number</p>
<p><strong>Example:</strong> fibonacci(10) returns 55</p>
</div>
</div>
<div class="feature">
<h2>🔗 Endpoints</h2>
<p><strong>MCP Protocol:</strong> <span class="endpoint">/mcp</span></p>
<p><strong>Home Page:</strong> <span class="endpoint">/</span> (this page)</p>
</div>
<div class="feature">
<h2>📋 Usage</h2>
<p>This server can be used with any MCP-compatible client or AI assistant. The server runs on HTTP transport.</p>
</div>
<div class="feature">
<h2>🔧 Technical Details</h2>
<ul>
<li><strong>Server Name:</strong> fibonacci-mcp-server</li>
<li><strong>Version:</strong> 1.0.0</li>
<li><strong>Protocol:</strong> Model Context Protocol (MCP)</li>
<li><strong>Transport:</strong> HTTP/Express</li>
</ul>
</div>
<footer style="margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #eee; color: #666;">
<p>Built with the <a href="https://github.com/modelcontextprotocol/sdk-js" target="_blank">MCP JavaScript SDK</a></p>
</footer>
</body>
</html>