index.htmlā¢16.6 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Worksona Agents - MCP Server for Claude Desktop</title>
<meta name="description" content="Transform Claude Desktop into a powerful multi-agent platform with 100+ specialized AI agents for development, research, security, and more.">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<!-- Navigation -->
<nav class="nav">
<div class="nav-container">
<div class="nav-brand">
<svg class="logo" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="7" width="20" height="14" rx="2" ry="2"/>
<path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/>
</svg>
<span class="brand-name">Worksona Agents</span>
</div>
<ul class="nav-links">
<li><a href="#features">Features</a></li>
<li><a href="agents.html">Agent Directory</a></li>
<li><a href="documentation.html">Documentation</a></li>
<li><a href="examples.html">Examples</a></li>
<li><a href="https://github.com/worksona/worksona-mcp-server" target="_blank" class="btn-github">
<svg width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
</svg>
GitHub
</a></li>
</ul>
<button class="mobile-menu-btn" aria-label="Toggle menu">
<span></span>
<span></span>
<span></span>
</button>
</div>
</nav>
<!-- Hero Section -->
<section class="hero">
<div class="container">
<div class="hero-content">
<h1 class="hero-title">Model Context Protocol Server for <span class="gradient-text">Multi-Agent Orchestration</span></h1>
<p class="hero-subtitle">Production-ready MCP server implementing the Model Context Protocol specification. Provides programmatic access to 100+ domain-specific AI agents through Claude Desktop's native MCP integration. Supports sequential, parallel, review, and executive coordination patterns for complex multi-agent workflows.</p>
<div class="hero-actions">
<a href="documentation.html#quick-start" class="btn btn-primary">Install</a>
<a href="agents.html" class="btn btn-secondary">API Reference</a>
</div>
<div class="hero-stats">
<div class="stat">
<div class="stat-number">86</div>
<div class="stat-label">Agents</div>
</div>
<div class="stat">
<div class="stat-number">18</div>
<div class="stat-label">Categories</div>
</div>
<div class="stat">
<div class="stat-number">4</div>
<div class="stat-label">Coordination</div>
</div>
<div class="stat">
<div class="stat-number">JSON-RPC</div>
<div class="stat-label">Protocol</div>
</div>
</div>
</div>
</div>
</section>
<!-- Features Section -->
<section id="features" class="features">
<div class="container">
<h2 class="section-title">Core Capabilities</h2>
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"/>
<circle cx="12" cy="12" r="6"/>
</svg>
</div>
<h3>Multi-Agent Orchestration</h3>
<p>Sequential, parallel, review, and executive coordination patterns. Workflow state management with cross-agent memory persistence.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2v4"/>
<path d="m16.2 7.8 2.9-2.9"/>
<path d="M18 12h4"/>
</svg>
</div>
<h3>MCP Protocol</h3>
<p>JSON-RPC 2.0 transport over stdio. Tools, resources, and prompts endpoints. Full Claude Desktop integration.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"/>
<path d="M12 5l7 7-7 7"/>
</svg>
</div>
<h3>Agent Registry</h3>
<p>Dynamic agent discovery with glob-based metadata loading. Category indexing and capability matching.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="7" width="20" height="14"/>
<path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/>
</svg>
</div>
<h3>TypeScript</h3>
<p>Fully typed with strict mode. Built-in validation and error handling. Node.js 18+ runtime.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
<polyline points="14 2 14 8 20 8"/>
</svg>
</div>
<h3>Extensible</h3>
<p>Custom agent format with metadata.json + agent.md. Environment-based path configuration.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="18" y1="20" x2="18" y2="10"/>
<line x1="12" y1="20" x2="12" y2="4"/>
<line x1="6" y1="20" x2="6" y2="14"/>
</svg>
</div>
<h3>Performance</h3>
<p>Agent discovery ~2-3s for 86 agents. Single execution 500-2000ms. Concurrent agent support.</p>
</div>
</div>
</div>
</section>
<!-- Agent Categories Preview -->
<section class="categories">
<div class="container">
<h2 class="section-title">Agent Categories</h2>
<p class="section-subtitle">Explore our comprehensive collection of specialized agents</p>
<div class="categories-grid">
<a href="agents.html?category=software-engineering" class="category-card">
<div class="category-icon">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="16 18 22 12 16 6"/>
<polyline points="8 6 2 12 8 18"/>
</svg>
</div>
<h3>Software Engineering</h3>
<p>Frontend, Backend, Testing, Code Review</p>
</a>
<a href="agents.html?category=security-operations" class="category-card">
<div class="category-icon">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="5" y="11" width="14" height="10" rx="2" ry="2"/>
<path d="M12 16h.01"/>
<path d="M7 11V7a5 5 0 0 1 10 0v4"/>
</svg>
</div>
<h3>Security Operations</h3>
<p>Auditing, Incident Response, Risk Management</p>
</a>
<a href="agents.html?category=elite-research" class="category-card">
<div class="category-icon">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="8"/>
<path d="m21 21-4.35-4.35"/>
</svg>
</div>
<h3>Elite Research</h3>
<p>Academic Analysis, Fact Checking, Trend Analysis</p>
</a>
<a href="agents.html?category=data-engineering" class="category-card">
<div class="category-icon">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="18" y1="20" x2="18" y2="10"/>
<line x1="12" y1="20" x2="12" y2="4"/>
<line x1="6" y1="20" x2="6" y2="14"/>
</svg>
</div>
<h3>Data Engineering</h3>
<p>Data Science, Analytics, Quantitative Analysis</p>
</a>
<a href="agents.html?category=cloud-infrastructure" class="category-card">
<div class="category-icon">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"/>
</svg>
</div>
<h3>Cloud Infrastructure</h3>
<p>DevOps, Cloud Architecture, Terraform</p>
</a>
<a href="agents.html?category=c-suite-executives" class="category-card">
<div class="category-icon">
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
<circle cx="12" cy="7" r="4"/>
</svg>
</div>
<h3>C-Suite Executives</h3>
<p>CEO, CTO, CFO, Strategic Leadership</p>
</a>
</div>
<div class="text-center" style="margin-top: 3rem;">
<a href="agents.html" class="btn btn-primary">View All Agents ā</a>
</div>
</div>
</section>
<!-- Quick Start -->
<section class="quick-start">
<div class="container">
<h2 class="section-title">Quick Start</h2>
<div class="steps">
<div class="step">
<div class="step-number">1</div>
<div class="step-content">
<h3>Install</h3>
<pre><code>npm install -g worksona-mcp-server</code></pre>
</div>
</div>
<div class="step">
<div class="step-number">2</div>
<div class="step-content">
<h3>Configure Claude Desktop</h3>
<p>Add to <code>~/.claude-desktop/config.json</code>:</p>
<pre><code>{
"mcpServers": {
"worksona-agents": {
"command": "/usr/local/bin/worksona-mcp-server"
}
}
}</code></pre>
</div>
</div>
<div class="step">
<div class="step-number">3</div>
<div class="step-content">
<h3>Restart & Use</h3>
<p>Restart Claude Desktop and start using agents:</p>
<pre><code>I need help creating API documentation for my REST service</code></pre>
</div>
</div>
</div>
<div class="text-center" style="margin-top: 3rem;">
<a href="documentation.html" class="btn btn-secondary">Full Documentation ā</a>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="cta">
<div class="container">
<h2>Ready to Get Started?</h2>
<p>Transform your Claude Desktop experience with specialized AI agents</p>
<div class="cta-actions">
<a href="documentation.html#quick-start" class="btn btn-primary btn-large">Get Started Now</a>
<a href="examples.html" class="btn btn-secondary btn-large">See Examples</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h4>Worksona Agents</h4>
<p>Multi-agent platform for Claude Desktop</p>
</div>
<div class="footer-section">
<h4>Resources</h4>
<ul>
<li><a href="documentation.html">Documentation</a></li>
<li><a href="agents.html">Agent Directory</a></li>
<li><a href="examples.html">Examples</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Community</h4>
<ul>
<li><a href="https://github.com/worksona/worksona-mcp-server" target="_blank">GitHub</a></li>
<li><a href="https://worksona.io" target="_blank">Worksona.io</a></li>
<li><a href="https://atomic47.co" target="_blank">Atomic 47 Labs</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>All Rights Reserved: Atomic 47 Labs Inc [<a href="https://atomic47.co" target="_blank" style="color: inherit;">atomic47.co</a>]. 2025. A <a href="https://worksona.io" target="_blank" style="color: inherit;">worksona.io</a> project. Contact: <a href="mailto:david@atomic47.co" style="color: inherit;">david@atomic47.co</a></p>
</div>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>