claude-agents-manager
Version:
Elite AI research and development platform with 60+ specialized agents, comprehensive research workflows, citation-backed reports, and advanced multi-agent coordination for Claude Code. Features deep research capabilities, concurrent execution, shared mem
1,036 lines (931 loc) • 53.2 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Claude Agents Manager - Quick Reference Cheat Sheet</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
line-height: 1.6;
color: #2c3e50;
background: #f5f5f5;
min-height: 100vh;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.header {
background: #ffffff;
padding: 40px;
margin-bottom: 40px;
text-align: center;
border: 1px solid #e9ecef;
}
.header h1 {
color: #2c3e50;
font-size: 2.5em;
margin-bottom: 10px;
font-weight: 700;
}
.header p {
color: #6c757d;
font-size: 1.2em;
font-weight: 400;
}
.install-banner {
background: #6c757d;
color: white;
padding: 30px;
margin-bottom: 40px;
text-align: center;
}
.install-banner h2 {
margin-bottom: 15px;
font-weight: 600;
}
.install-code {
background: rgba(0, 0, 0, 0.2);
padding: 15px 25px;
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
font-size: 1.1em;
margin: 15px 0;
border: none;
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
gap: 30px;
margin-bottom: 40px;
}
.card {
background: #ffffff;
padding: 30px;
border: 1px solid #e9ecef;
}
.card h2 {
color: #2c3e50;
margin-bottom: 25px;
font-size: 1.5em;
font-weight: 600;
border-bottom: 2px solid #6c757d;
padding-bottom: 10px;
}
.quick-win {
background: #dc3545;
color: white;
margin-bottom: 20px;
padding: 20px;
}
.quick-win h3 {
margin-bottom: 10px;
font-size: 1.1em;
font-weight: 600;
}
.quick-win p {
font-size: 0.9em;
margin-bottom: 10px;
}
.code-container {
position: relative;
margin: 15px 0;
}
.code-block {
background: #2d3748;
color: #e2e8f0;
padding: 20px;
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
font-size: 14px;
overflow-x: auto;
border-left: 4px solid #6c757d;
white-space: pre;
line-height: 1.4;
}
.copy-btn {
position: absolute;
top: 8px;
right: 8px;
background: #6c757d;
color: white;
border: none;
padding: 6px 12px;
font-size: 12px;
cursor: pointer;
font-weight: 500;
transition: background-color 0.2s;
}
.copy-btn:hover {
background: #495057;
}
.copy-btn.copied {
background: #28a745;
}
.agent-category {
background: #6c757d;
color: white;
padding: 12px 20px;
margin: 10px 0;
font-weight: 600;
}
.agent-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
margin: 20px 0;
}
.agent-item {
background: #f8f9fa;
padding: 15px;
border-left: 4px solid #6c757d;
font-size: 0.9em;
}
.feature-highlight {
background: #6f42c1;
color: white;
padding: 25px;
margin: 25px 0;
text-align: center;
}
.workflow-step {
background: #e3f2fd;
border-left: 4px solid #2196f3;
padding: 20px;
margin: 15px 0;
}
.workflow-step h4 {
color: #1976d2;
margin-bottom: 10px;
font-weight: 600;
}
.full-width {
grid-column: 1 / -1;
}
.tips-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.tip {
background: #fff3cd;
border: 1px solid #ffeaa7;
padding: 20px;
border-left: 4px solid #ffc107;
}
.tip h4 {
color: #856404;
margin-bottom: 10px;
font-weight: 600;
}
.research-workflow {
background: #17a2b8;
color: white;
padding: 30px;
margin: 30px 0;
}
.research-step {
background: rgba(255, 255, 255, 0.1);
padding: 15px;
margin: 12px 0;
border-left: 3px solid #fff;
}
.research-step h4 {
margin-bottom: 8px;
font-weight: 600;
}
/* Commands Table Styles */
.commands-table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
background: #ffffff;
font-size: 14px;
}
.commands-table th {
background: #6c757d;
color: white;
padding: 15px 12px;
text-align: left;
font-weight: 600;
border-bottom: 2px solid #5a6268;
}
.commands-table td {
padding: 12px;
border-bottom: 1px solid #e9ecef;
vertical-align: top;
}
.commands-table tr:nth-child(even) {
background: #f8f9fa;
}
.commands-table tr:hover {
background: #e3f2fd;
}
.command-cell {
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
background: #f1f3f4;
padding: 8px;
border-radius: 4px;
font-size: 13px;
position: relative;
}
.command-copy-btn {
background: #6c757d;
color: white;
border: none;
padding: 4px 8px;
font-size: 11px;
cursor: pointer;
border-radius: 3px;
margin-left: 8px;
transition: background-color 0.2s;
}
.command-copy-btn:hover {
background: #495057;
}
.command-copy-btn.copied {
background: #28a745;
}
.category-header {
background: #495057;
color: white;
font-weight: 600;
text-align: center;
}
.command-description {
color: #495057;
line-height: 1.4;
}
.command-example {
color: #6c757d;
font-style: italic;
font-size: 12px;
margin-top: 4px;
}
</style>
<script>
function copyToClipboard(button, text) {
navigator.clipboard.writeText(text.trim()).then(() => {
const originalText = button.textContent;
button.textContent = 'Copied!';
button.classList.add('copied');
setTimeout(() => {
button.textContent = originalText;
button.classList.remove('copied');
}, 2000);
}).catch(err => {
console.error('Failed to copy: ', err);
button.textContent = 'Error';
setTimeout(() => {
button.textContent = 'Copy';
}, 2000);
});
}
</script>
</head>
<body>
<div class="container">
<div class="header">
<h1>🤖 Claude Agents Manager</h1>
<p>Elite AI Research & Development Platform with 60+ Specialized Agents</p>
</div>
<div class="install-banner">
<h2>🚀 Quick Installation</h2>
<div class="code-container">
<div class="install-code">npm install -g claude-agents-manager</div>
<button class="copy-btn" onclick="copyToClipboard(this, 'npm install -g claude-agents-manager')">Copy</button>
</div>
<p>Start using 60+ specialized AI agents in seconds!</p>
</div>
<div class="grid">
<!-- Quick Wins Section -->
<div class="card">
<h2>⚡ 5-Minute Quick Wins</h2>
<div class="quick-win">
<h3>🔍 Instant Code Review</h3>
<p>Get enterprise-grade code analysis in seconds</p>
<div class="code-container">
<div class="code-block">claude-agents run architect-review --task "Review my React components for best practices"</div>
<button class="copy-btn" onclick="copyToClipboard(this, 'claude-agents run architect-review --task \"Review my React components for best practices\"')">Copy</button>
</div>
</div>
<div class="quick-win">
<h3>📊 Elite Market Research</h3>
<p>Generate citation-backed research reports</p>
<div class="code-container">
<div class="code-block">claude-agents research "AI automation trends 2024" --depth comprehensive</div>
<button class="copy-btn" onclick="copyToClipboard(this, 'claude-agents research \"AI automation trends 2024\" --depth comprehensive')">Copy</button>
</div>
</div>
<div class="quick-win">
<h3>🏗️ Instant API Documentation</h3>
<p>Create professional OpenAPI specs</p>
<div class="code-container">
<div class="code-block">claude-agents run api-documenter --task "Document my REST API endpoints"</div>
<button class="copy-btn" onclick="copyToClipboard(this, 'claude-agents run api-documenter --task \"Document my REST API endpoints\"')">Copy</button>
</div>
</div>
<div class="quick-win">
<h3>🎯 Strategic Project Planning</h3>
<p>Break down complex projects into actionable tasks</p>
<div class="code-container">
<div class="code-block">claude-agents run project-planner --task "Plan microservices migration"</div>
<button class="copy-btn" onclick="copyToClipboard(this, 'claude-agents run project-planner --task \"Plan microservices migration\"')">Copy</button>
</div>
</div>
</div>
<!-- Complete Commands Reference -->
<div class="card full-width">
<h2>📚 Complete Commands Reference</h2>
<table class="commands-table">
<thead>
<tr>
<th style="width: 25%;">Command</th>
<th style="width: 45%;">Description</th>
<th style="width: 30%;">Example</th>
</tr>
</thead>
<tbody>
<!-- Setup & Installation -->
<tr>
<td colspan="3" class="category-header">🚀 Setup & Installation</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents init
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents init')">Copy</button>
</div>
</td>
<td class="command-description">Initialize agents in current project with context-forge awareness</td>
<td class="command-example">Sets up .claude directory and agent commands</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents install
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents install')">Copy</button>
</div>
</td>
<td class="command-description">Interactive agent installation with category selection</td>
<td class="command-example">Choose from 60+ specialized agents</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents install --all
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents install --all')">Copy</button>
</div>
</td>
<td class="command-description">Install all available agents at once</td>
<td class="command-example">Full agent suite installation</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents uninstall --all --clean
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents uninstall --all --clean')">Copy</button>
</div>
</td>
<td class="command-description">Remove all agents and clean up directories</td>
<td class="command-example">Complete cleanup with directory removal</td>
</tr>
<!-- Agent Management -->
<tr>
<td colspan="3" class="category-header">🤖 Agent Management</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents list
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents list')">Copy</button>
</div>
</td>
<td class="command-description">Display all available agents organized by categories</td>
<td class="command-example">Browse 60+ agents across 12 specializations</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents list --installed
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents list --installed')">Copy</button>
</div>
</td>
<td class="command-description">Show only currently installed agents</td>
<td class="command-example">View your active agent toolkit</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents info [agent-name]
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents info [agent-name]')">Copy</button>
</div>
</td>
<td class="command-description">Get detailed information about a specific agent</td>
<td class="command-example">claude-agents info ai-engineer</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents enable [agent]
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents enable [agent]')">Copy</button>
</div>
</td>
<td class="command-description">Enable a previously disabled agent</td>
<td class="command-example">claude-agents enable code-reviewer</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents disable [agent]
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents disable [agent]')">Copy</button>
</div>
</td>
<td class="command-description">Temporarily disable an agent without removing it</td>
<td class="command-example">claude-agents disable test-runner</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents remove [agent]
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents remove [agent]')">Copy</button>
</div>
</td>
<td class="command-description">Permanently remove an installed agent</td>
<td class="command-example">claude-agents remove debugger</td>
</tr>
<!-- Agent Execution -->
<tr>
<td colspan="3" class="category-header">⚡ Agent Execution</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents run [agent] --task "description"
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents run [agent] --task \"description\"')">Copy</button>
</div>
</td>
<td class="command-description">Execute an agent with a specific task description</td>
<td class="command-example">claude-agents run frontend-developer --task "Create login component"</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents run [agent] -i
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents run [agent] -i')">Copy</button>
</div>
</td>
<td class="command-description">Run agent in interactive mode for complex tasks</td>
<td class="command-example">claude-agents run project-planner -i</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents run [agent] --file [path]
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents run [agent] --file [path]')">Copy</button>
</div>
</td>
<td class="command-description">Run agent with specific file or directory context</td>
<td class="command-example">claude-agents run refactor --file src/components/</td>
</tr>
<!-- Research Commands -->
<tr>
<td colspan="3" class="category-header">🔬 Elite Research</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents research --setup
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents research --setup')">Copy</button>
</div>
</td>
<td class="command-description">Install and configure all 12 Elite Research Team agents</td>
<td class="command-example">One-time setup for research capabilities</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents research --standard "topic"
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents research --standard \"topic\"')">Copy</button>
</div>
</td>
<td class="command-description">Execute standard research workflow (5 agents, ~10 min)</td>
<td class="command-example">claude-agents research --standard "AI market trends"</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents research --deep "topic"
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents research --deep \"topic\"')">Copy</button>
</div>
</td>
<td class="command-description">Execute deep research workflow (12 agents, ~25 min)</td>
<td class="command-example">claude-agents research --deep "blockchain scalability"</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents research
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents research')">Copy</button>
</div>
</td>
<td class="command-description">Interactive research management and coordination</td>
<td class="command-example">GUI for custom research workflows</td>
</tr>
<!-- Workflow Management -->
<tr>
<td colspan="3" class="category-header">🔄 Workflow Orchestration</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents workflow --list
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents workflow --list')">Copy</button>
</div>
</td>
<td class="command-description">Display available workflow templates</td>
<td class="command-example">Browse pre-built enterprise workflows</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents workflow --template [name]
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents workflow --template [name]')">Copy</button>
</div>
</td>
<td class="command-description">Execute a specific workflow template</td>
<td class="command-example">claude-agents workflow --template fullstack-development</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents workflow --status [id]
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents workflow --status [id]')">Copy</button>
</div>
</td>
<td class="command-description">Check execution status of a running workflow</td>
<td class="command-example">Monitor multi-agent coordination progress</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents workflow
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents workflow')">Copy</button>
</div>
</td>
<td class="command-description">Interactive workflow designer and executor</td>
<td class="command-example">Create custom multi-agent workflows</td>
</tr>
<!-- Customization & Management -->
<tr>
<td colspan="3" class="category-header">🎨 Customization & Management</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents customize
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents customize')">Copy</button>
</div>
</td>
<td class="command-description">Interactive enterprise customization suite</td>
<td class="command-example">Enhance agents with company-specific rules</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents customize --agent [name]
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents customize --agent [name]')">Copy</button>
</div>
</td>
<td class="command-description">Customize a specific agent with templates</td>
<td class="command-example">claude-agents customize --agent api-developer</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents create
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents create')">Copy</button>
</div>
</td>
<td class="command-description">Create a new custom agent interactively</td>
<td class="command-example">Build agents for specialized workflows</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents dashboard
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents dashboard')">Copy</button>
</div>
</td>
<td class="command-description">Launch web dashboard on port 7842</td>
<td class="command-example">GUI for agent management and monitoring</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents dashboard --port [port]
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents dashboard --port [port]')">Copy</button>
</div>
</td>
<td class="command-description">Launch dashboard on custom port</td>
<td class="command-example">claude-agents dashboard --port 8080</td>
</tr>
<!-- Development Commands -->
<tr>
<td colspan="3" class="category-header">🛠️ Development & Testing</td>
</tr>
<tr>
<td>
<div class="command-cell">
npm test
<button class="command-copy-btn" onclick="copyToClipboard(this, 'npm test')">Copy</button>
</div>
</td>
<td class="command-description">Run all test suites including memory and concurrent execution</td>
<td class="command-example">Comprehensive test coverage validation</td>
</tr>
<tr>
<td>
<div class="command-cell">
npm run lint
<button class="command-copy-btn" onclick="copyToClipboard(this, 'npm run lint')">Copy</button>
</div>
</td>
<td class="command-description">Run ESLint on all source files with CLI-optimized rules</td>
<td class="command-example">Code quality and style validation</td>
</tr>
<tr>
<td>
<div class="command-cell">
npm run demo
<button class="command-copy-btn" onclick="copyToClipboard(this, 'npm run demo')">Copy</button>
</div>
</td>
<td class="command-description">Execute enhanced workflow demonstration</td>
<td class="command-example">See agents in action with sample tasks</td>
</tr>
<tr>
<td>
<div class="command-cell">
npm run research-demo
<button class="command-copy-btn" onclick="copyToClipboard(this, 'npm run research-demo')">Copy</button>
</div>
</td>
<td class="command-description">Execute research workflow example</td>
<td class="command-example">Demo of Elite Research Team coordination</td>
</tr>
<!-- Help & Information -->
<tr>
<td colspan="3" class="category-header">❓ Help & Information</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents --help
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents --help')">Copy</button>
</div>
</td>
<td class="command-description">Display comprehensive help information</td>
<td class="command-example">Full command reference and usage</td>
</tr>
<tr>
<td>
<div class="command-cell">
claude-agents --version
<button class="command-copy-btn" onclick="copyToClipboard(this, 'claude-agents --version')">Copy</button>
</div>
</td>
<td class="command-description">Show current version of claude-agents-manager</td>
<td class="command-example">Version information for troubleshooting</td>
</tr>
</tbody>
</table>
</div>
<!-- Essential Commands -->
<div class="card">
<h2>🎯 Essential Commands</h2>
<h3>Basic Operations</h3>
<div class="code-container">
<div class="code-block"># List all available agents
claude-agents list
# Get agent information
claude-agents info ai-engineer
# Run an agent with a task
claude-agents run [agent] --task "description"
# Interactive agent execution
claude-agents run [agent] -i</div>
<button class="copy-btn" onclick="copyToClipboard(this, '# List all available agents\nclaude-agents list\n\n# Get agent information\nclaude-agents info ai-engineer\n\n# Run an agent with a task\nclaude-agents run [agent] --task \"description\"\n\n# Interactive agent execution\nclaude-agents run [agent] -i')">Copy</button>
</div>
<h3>Research Commands</h3>
<div class="code-container">
<div class="code-block"># Standard research (5 agents)
claude-agents research "topic" --type standard
# Deep research (12 agents)
claude-agents research "topic" --type deep
# Custom research workflow
claude-agents research "topic" --agents "expert-synthesizer,fact-checker"</div>
<button class="copy-btn" onclick="copyToClipboard(this, '# Standard research (5 agents)\nclaude-agents research \"topic\" --type standard\n\n# Deep research (12 agents)\nclaude-agents research \"topic\" --type deep\n\n# Custom research workflow\nclaude-agents research \"topic\" --agents \"expert-synthesizer,fact-checker\"')">Copy</button>
</div>
<h3>Workflow Management</h3>
<div class="code-container">
<div class="code-block"># List workflow templates
claude-agents workflow --list
# Execute pre-built workflow
claude-agents workflow --template fullstack-development
# Create custom workflow
claude-agents workflow</div>
<button class="copy-btn" onclick="copyToClipboard(this, '# List workflow templates\nclaude-agents workflow --list\n\n# Execute pre-built workflow\nclaude-agents workflow --template fullstack-development\n\n# Create custom workflow\nclaude-agents workflow')">Copy</button>
</div>
</div>
<!-- Agent Categories -->
<div class="card full-width">
<h2>🏢 60+ Specialized Agents by Category</h2>
<div class="agent-list">
<div class="agent-category">🏗️ Software Architecture (4)</div>
<div class="agent-item">architect-review - Architecture validation</div>
<div class="agent-item">backend-architect - Backend design</div>
<div class="agent-item">graphql-architect - GraphQL systems</div>
<div class="agent-item">project-planner - Strategic planning</div>
</div>
<div class="agent-list">
<div class="agent-category">💻 Software Engineering (5)</div>
<div class="agent-item">frontend-developer - Modern web apps</div>
<div class="agent-item">mobile-developer - iOS/Android/React Native</div>
<div class="agent-item">refactor - Code improvement</div>
<div class="agent-item">tdd-specialist - Test-driven development</div>
<div class="agent-item">test-automator - Automated testing</div>
</div>
<div class="agent-list">
<div class="agent-category">🧠 AI & Machine Learning (4)</div>
<div class="agent-item">ai-engineer - AI system development</div>
<div class="agent-item">ml-engineer - ML pipeline engineering</div>
<div class="agent-item">mlops-engineer - ML operations</div>
<div class="agent-item">prompt-engineer - Prompt optimization</div>
</div>
<div class="agent-list">
<div class="agent-category">🔬 Elite Research (12)</div>
<div class="agent-item">research-coordinator - Research orchestration</div>
<div class="agent-item">deep-miner - Academic & expert networks</div>
<div class="agent-item">expert-synthesizer - Expert consensus</div>
<div class="agent-item">fact-checker - Source verification</div>
<div class="agent-item">executive-summarizer - C-suite summaries</div>
<div class="agent-item">report-generator - Professional reports</div>
</div>
<div class="agent-list">
<div class="agent-category">☁️ Cloud Infrastructure (4)</div>
<div class="agent-item">cloud-architect - Multi-cloud design</div>
<div class="agent-item">deployment-engineer - CI/CD pipelines</div>
<div class="agent-item">devops-troubleshooter - System diagnostics</div>
<div class="agent-item">terraform-specialist - Infrastructure as code</div>
</div>
<div class="agent-list">
<div class="agent-category">💼 Business Strategy (3)</div>
<div class="agent-item">business-analyst - Business analysis</div>
<div class="agent-item">marketing-writer - Technical marketing</div>
<div class="agent-item">product-manager - Product strategy</div>
</div>
<div class="agent-list">
<div class="agent-category">📊 Data Engineering (3)</div>
<div class="agent-item">data-engineer - Data pipelines</div>
<div class="agent-item">data-scientist - Statistical analysis</div>
<div class="agent-item">quant-analyst - Quantitative analysis</div>
</div>
<div class="agent-list">
<div class="agent-category">🔒 Security Operations (3)</div>
<div class="agent-item">security-auditor - Security assessment</div>
<div class="agent-item">incident-responder - Security incidents</div>
<div class="agent-item">risk-manager - Risk assessment</div>
</div>
</div>
<!-- How to Use Agents -->
<div class="card full-width">
<h2>🎮 How to Use Software Agents</h2>
<div class="workflow-step">
<h4>1. 🎯 Choose Your Agent</h4>
<p>Select the right specialist for your task:</p>
<div class="code-container">
<div class="code-block"># Browse available agents
claude-agents list
# Get detailed agent information
claude-agents info frontend-developer</div>
<button class="copy-btn" onclick="copyToClipboard(this, '# Browse available agents\nclaude-agents list\n\n# Get detailed agent information\nclaude-agents info frontend-developer')">Copy</button>
</div>
</div>
<div class="workflow-step">
<h4>2. 🗣️ Define Your Task</h4>
<p>Be specific about what you want the agent to accomplish:</p>
<div class="code-container">
<div class="code-block"># Good: Specific and actionable
claude-agents run frontend-developer --task "Create a responsive React component for user authentication with form validation"
# Better: Include context and constraints
claude-agents run backend-architect --task "Design a microservices architecture for e-commerce platform handling 10k concurrent users with PostgreSQL"</div>
<button class="copy-btn" onclick="copyToClipboard(this, '# Good: Specific and actionable\nclaude-agents run frontend-developer --task \"Create a responsive React component for user authentication with form validation\"\n\n# Better: Include context and constraints\nclaude-agents run backend-architect --task \"Design a microservices architecture for e-commerce platform handling 10k concurrent users with PostgreSQL\"')">Copy</button>
</div>
</div>
<div class="workflow-step">
<h4>3. 🚀 Execute with Options</h4>
<p>Use different execution modes based on your needs:</p>
<div class="code-container">
<div class="code-block"># Standard execution
claude-agents run ai-engineer --task "Optimize ML model performance"
# Interactive mode for complex tasks
claude-agents run project-planner -i
# With file context
claude-agents run refactor --task "Improve code quality" --file src/components/UserForm.js</div>
<button class="copy-btn" onclick="copyToClipboard(this, '# Standard execution\nclaude-agents run ai-engineer --task \"Optimize ML model performance\"\n\n# Interactive mode for complex tasks\nclaude-agents run project-planner -i\n\n# With file context\nclaude-agents run refactor --task \"Improve code quality\" --file src/components/UserForm.js')">Copy</button>
</div>
</div>
<div class="workflow-step">
<h4>4. 🔄 Coordinate Multiple Agents</h4>
<p>Use workflows for complex multi-step processes:</p>
<div class="code-container">
<div class="code-block"># Use pre-built workflows
claude-agents workflow --template fullstack-development
# Create custom multi-agent workflow
claude-agents workflow</div>
<button class="copy-btn" onclick="copyToClipboard(this, '# Use pre-built workflows\nclaude-agents workflow --template fullstack-development\n\n# Create custom multi-agent workflow\nclaude-agents workflow')">Copy</button>
</div>
</div>
<div class="workflow-step">
<h4>5. 📊 Monitor & Track Progress</h4>
<p>Keep track of agent activities and results:</p>
<div class="code-container">
<div class="code-block"># View agent execution history
claude-agents workflow --status [workflow-id]
# Check memory for coordination
claude-agents info --memory</div>
<button class="copy-btn" onclick="copyToClipboard(this, '# View agent execution history\nclaude-agents workflow --status [workflow-id]\n\n# Check memory for coordination\nclaude-agents info --memory')">Copy</button>
</div>
</div>
</div>
<!-- Research Workflows -->
<div class="card full-width research-workflow">
<h2>🔬 Elite Research Workflows</h2>
<p>Transform complex research challenges into comprehensive, citation-backed reports</p>
<div class="research-step">
<h4>📋 Standard Research (5 agents, ~10 minutes)</h4>
<div class="code-container">
<div class="code-block">claude-agents research "blockchain scalability solutions" --type standard</div>
<button class="copy-btn" onclick="copyToClipboard(this, 'claude-agents research \"blockchain scalability solutions\" --type standard')">Copy</button>
</div>
<p>Perfect for: Market overviews, competitive analysis, technology assessments</p>
</div>
<div class="research-step">
<h4>🎯 Deep Research (12 agents, ~25 minutes)</h4>
<div class="code-container">
<div class="code-block">claude-agents research "enterprise AI adoption strategies" --type deep</div>
<button class="copy-btn" onclick="copyToClipboard(this, 'claude-agents research \"enterprise AI adoption strategies\" --type deep')">Copy</button>
</div>
<p>Perfect for: Strategic decisions, investment research, comprehensive analysis</p>
</div>
<div class="research-step">
<h4>🔧 Custom Research Workflows</h4>
<div class="code-container">
<div class="code-block">claude-agents research "quantum computing applications" --agents "expert-synthesizer,fact-checker,trend-analyst"</div>
<button class="copy-btn" onclick="copyToClipboard(this, 'claude-agents research \"quantum computing applications\" --agents \"expert-synthesizer,fact-checker,trend-analyst\"')">Copy</button>
</div>
<p>Perfect for: Specialized investigations, targeted analysis, custom requirements</p>
</div>
</div>
<!-- Pro Tips -->
<div class="card full-width">
<h2>💡 Pro Tips & Best Practices</h2>
<div class="tips-grid">
<div class="tip">
<h4>🎯 Task Clarity</h4>
<p>Be specific about deliverables, constraints, and success criteria. Include context like tech stack, team size, or business requirements.</p>
</div>
<div class="tip">
<h4>🔄 Agent Coordination</h4>
<p>Use the shared memory system to coordinate multiple agents. Results from one agent automatically inform others in workflows.</p>
</div>
<div class="tip">
<h4>📊 Research Quality</h4>
<p>For research tasks, specify the depth needed (overview vs deep-dive) and any particular perspectives or industries to focus on.</p>
</div>
<div class="tip">
<h4>🏗️ Architecture Reviews</h4>
<p>Include system scale, performance requirements, and security considerations when requesting architecture reviews.</p>
</div>
<div class="tip">
<h4>⚡ Concurrent Execution</h4>
<p>The system automatically runs related operations in parallel. Design workflows to take advantage of this for maximum efficiency.</p>
</div>
<div class="tip">
<h4>🔍 Context-Forge Integration</h4>
<p>If you're using context-forge projects, agents automatically respect existing PRPs, implementation plans, and project rules.</p>
</div>
</div>
</div>
<!-- Advanced Features -->
<div class="card">
<h2>🚀 Advanced Features</h2>
<h3>Enterprise Customization</h3>
<div class="code-container">
<div class="code-block"># Interactive customization suite
clau