index.html•5.48 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GitHub CLI MCP</title>
<style>
:root {
--primary-color: #2ea44f;
--dark-color: #24292e;
--light-color: #f6f8fa;
--text-color: #24292e;
--link-color: #0366d6;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
line-height: 1.6;
color: var(--text-color);
margin: 0;
padding: 0;
background-color: var(--light-color);
}
.container {
max-width: 1100px;
margin: 0 auto;
padding: 1rem;
}
header {
background-color: var(--dark-color);
color: white;
padding: 2rem 0;
text-align: center;
}
.logo {
max-width: 100%;
height: auto;
margin-bottom: 1rem;
}
.hero {
text-align: center;
margin: 2rem 0;
}
.btn {
display: inline-block;
background-color: var(--primary-color);
color: white;
padding: 0.7rem 1.5rem;
border-radius: 6px;
text-decoration: none;
font-weight: bold;
transition: background-color 0.3s;
margin: 0.5rem;
}
.btn:hover {
background-color: #2c974b;
}
.btn-secondary {
background-color: white;
color: var(--dark-color);
border: 1px solid var(--dark-color);
}
.btn-secondary:hover {
background-color: #f3f4f6;
}
.features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 3rem 0;
}
.feature {
background-color: white;
padding: 1.5rem;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.feature h3 {
color: var(--primary-color);
margin-top: 0;
}
footer {
background-color: var(--dark-color);
color: white;
padding: 2rem 0;
text-align: center;
margin-top: 3rem;
}
footer a {
color: white;
}
code {
background-color: #f3f4f6;
padding: 0.2rem 0.4rem;
border-radius: 3px;
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
}
pre {
background-color: #f3f4f6;
padding: 1rem;
border-radius: 6px;
overflow-x: auto;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<div class="container">
<img src="gh-cli-mcp.png" alt="GitHub CLI MCP Logo" class="logo" style="max-width: 300px;">
<h1>GitHub CLI MCP</h1>
<p>Use GitHub CLI commands directly from Claude and other AI assistants</p>
</div>
</header>
<main class="container">
<section class="hero">
<h2>Access GitHub features directly from AI assistants</h2>
<p>GitHub CLI MCP is a server that wraps the GitHub CLI (<code>gh</code>) tool, enabling AI assistants to interact with GitHub repositories through the Model Context Protocol (MCP).</p>
<a href="https://github.com/CodingButterBot/gh_cli_mcp" class="btn">View on GitHub</a>
<a href="https://github.com/CodingButterBot/gh_cli_mcp/wiki" class="btn btn-secondary">Documentation</a>
</section>
<section class="features">
<div class="feature">
<h3>Easy Installation</h3>
<p>Install globally with npm:</p>
<pre><code>npm install -g gh-cli-mcp</code></pre>
<p>Start the server:</p>
<pre><code>gh-cli-mcp</code></pre>
</div>
<div class="feature">
<h3>Key Features</h3>
<ul>
<li>Access GitHub features directly from AI assistants</li>
<li>Create, view, and manage pull requests</li>
<li>Work with issues and repositories</li>
<li>Manage projects and releases</li>
<li>Run and monitor GitHub workflows</li>
</ul>
</div>
<div class="feature">
<h3>Requirements</h3>
<ul>
<li>Node.js v18+</li>
<li>GitHub CLI installed and authenticated</li>
</ul>
<p>For detailed setup instructions, see the <a href="https://github.com/CodingButterBot/gh_cli_mcp/wiki/Installation">Installation Guide</a>.</p>
</div>
</section>
<section>
<h2>Documentation</h2>
<p>For detailed information about installation, configuration, and usage, please refer to the <a href="https://github.com/CodingButterBot/gh_cli_mcp/wiki">GitHub Wiki</a>.</p>
<ul>
<li><a href="https://github.com/CodingButterBot/gh_cli_mcp/wiki/Installation">Installation Guide</a></li>
<li><a href="https://github.com/CodingButterBot/gh_cli_mcp/wiki/Usage">Usage Guide</a></li>
<li><a href="https://github.com/CodingButterBot/gh_cli_mcp/wiki/Configuration">Configuration Options</a></li>
<li><a href="https://github.com/CodingButterBot/gh_cli_mcp/wiki/Available-Tools">Available Tools</a></li>
<li><a href="https://github.com/CodingButterBot/gh_cli_mcp/wiki/FAQ">Frequently Asked Questions</a></li>
</ul>
</section>
</main>
<footer>
<div class="container">
<p>Made with ❤️ for AI assistants and GitHub users</p>
<p>Licensed under <a href="https://github.com/CodingButterBot/gh_cli_mcp/blob/master/LICENSE">MIT</a></p>
</div>
</footer>
</body>
</html>
