<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>ra-mcp</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5" />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
<style>
* { box-sizing: border-box; }
html { overflow-x: hidden; width: 100%; }
body {
font-family: 'JetBrains Mono', monospace;
margin: 0;
background: #0b0b0b;
color: #eee;
min-height: 100vh;
padding: 12px;
overflow-x: hidden;
width: 100%;
font-size: 14px;
line-height: 1.6;
}
.container { max-width: 720px; margin: 0 auto; width: 100%; }
.card {
background: #121212;
border: 1px solid #2a2a2a;
border-radius: 12px;
padding: 16px;
box-shadow: 0 8px 30px rgba(0,0,0,0.5);
margin-bottom: 16px;
width: 100%;
overflow-wrap: break-word;
}
h1 { margin: 0 0 12px; font-size: 22px; color: #9ad1ff; line-height: 1.3; }
h2 { margin: 0 0 12px; font-size: 18px; color: #b8e6ff; line-height: 1.3; }
h3 { margin: 16px 0 8px; font-size: 16px; color: #9ad1ff; line-height: 1.3; }
p { font-size: 14px; line-height: 1.6; margin-bottom: 12px; overflow-wrap: break-word; }
.muted { color: #b8b8b8; }
.highlight {
background: #1a1a1a; padding: 3px 6px; border-radius: 4px;
color: #9ad1ff; font-size: 13px; word-break: break-all;
display: inline-block; max-width: 100%; overflow-wrap: break-word;
}
pre {
background: #1a1a1a; border: 1px solid #2a2a2a; border-radius: 8px;
padding: 12px; overflow-x: auto; margin: 12px 0;
width: 100%; max-width: 100%; font-size: 13px; line-height: 1.5;
}
pre code { font-size: 13px; white-space: pre; display: block; }
code { background: #1a1a1a; padding: 2px 6px; border-radius: 3px; font-size: 13px; }
a {
color: #9ad1ff; text-decoration: none;
border-bottom: 1px solid transparent; transition: border-color 0.2s;
word-break: break-word; overflow-wrap: break-word;
}
a:hover { border-bottom-color: #9ad1ff; }
.logo { text-align: center; margin-bottom: 20px; padding: 12px; }
.logo-text {
font-size: 36px; font-weight: 600;
background: linear-gradient(135deg, #9ad1ff, #7fb8ff);
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
background-clip: text; margin: 0 0 8px 0; line-height: 1.2;
}
.logo-svg { width: 48px; height: 48px; }
.logo p:last-child { font-size: 13px; margin: 0; }
.badge {
display: inline-block; background: #1a3a4a; color: #9ad1ff;
padding: 4px 10px; border-radius: 12px; font-size: 11px;
margin: 0 6px 6px 0; white-space: nowrap;
}
.docs-link {
display: inline-block; background: #9ad1ff; color: #0b0b0b;
padding: 10px 20px; border-radius: 8px; font-weight: 600;
font-size: 14px; text-decoration: none; border: none;
transition: opacity 0.2s;
}
.docs-link:hover { opacity: 0.85; border-bottom: none; }
@media (min-width: 768px) {
body { padding: 18px; }
.card { padding: 20px; border-radius: 16px; }
h1 { font-size: 24px; }
.logo-text { font-size: 42px; }
}
</style>
</head>
<body>
<div class="container">
<div class="logo">
<img class="logo-svg" src="https://github.com/AI-Riksarkivet/ra-mcp/blob/main/docs/assets/ra.svg?raw=true" alt="Swedish Crown">
<h1 class="logo-text">RA-MCP</h1>
<p class="muted">Access transcribed historical documents from the Swedish National Archives</p>
</div>
<section class="card">
<h2>Connect</h2>
<h3>MCP Endpoint</h3>
<p class="muted">URL: <span class="highlight">https://riksarkivet-ra-mcp.hf.space/mcp</span></p>
<h3>Claude Code</h3>
<pre><code>claude mcp add --transport http ra-mcp https://riksarkivet-ra-mcp.hf.space/mcp</code></pre>
<h3>Claude Desktop / Cursor / Windsurf</h3>
<p class="muted">Add as a streamable HTTP server with the URL above.</p>
<h3>MCP Inspector</h3>
<pre><code>npx -y @modelcontextprotocol/inspector \
--config <(echo '{"mcpServers":{"ra-mcp":{"type":"streamable-http","url":"https://riksarkivet-ra-mcp.hf.space/mcp"}}}')
</code></pre>
</section>
<section class="card">
<h2>Tools</h2>
<ul>
<li><code>search_transcribed</code> — Full-text search across digitised documents</li>
<li><code>search_metadata</code> — Search titles, names, and places</li>
<li><code>browse_document</code> — View page transcriptions by reference code</li>
</ul>
<div>
<span class="badge">Full-text search</span>
<span class="badge">ALTO XML</span>
<span class="badge">IIIF images</span>
<span class="badge">Solr syntax</span>
</div>
</section>
<section class="card" style="text-align: center;">
<p class="muted">Search syntax, connection guides, and architecture details:</p>
<a class="docs-link" href="https://ai-riksarkivet.github.io/ra-mcp/" target="_blank">Documentation</a>
<p class="muted" style="margin-top: 12px; font-size: 12px;">
<a href="https://github.com/AI-Riksarkivet/ra-mcp" target="_blank">GitHub</a>
</p>
</section>
</div>
</body>
</html>
