Skip to content

Commit a4a7f6d

Browse files
barckcodeclaude
barckcode
and
claude
committed
refactor: rewrite landing and docs to reflect agent-agnostic vision
AgentCrew is a purpose-agnostic AI agent orchestrator — the Kubernetes of AI agents. Update all landing page copy and documentation to reflect that agents can be built for any domain (engineering, marketing, finance, etc.), not just software development. Emphasize the documentation-driven specialization model where agents are defined by Markdown files, not code. Key messaging changes: - Hero: "The Kubernetes of AI Agents" tagline - WhatIs: Purpose-agnostic, documentation-driven, any infrastructure - Features: "One platform, any mission" — domain-agnostic examples - HowItWorks: Updated terminal to show install.sh one-liner - CTAFinal: Install command front and center - Docs overview: Explain documentation-driven specialization model Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 386039c commit a4a7f6d

6 files changed

Lines changed: 100 additions & 62 deletions

File tree

‎web/src/components/CTAFinal.astro‎

Lines changed: 20 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -21,30 +21,43 @@
2121

2222
<!-- Heading -->
2323
<h2 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold text-white mb-5 leading-tight">
24-
Start building your<br/>
24+
Build your first<br/>
2525
<span class="gradient-text">agent team today</span>
2626
</h2>
2727

2828
<!-- Subtitle -->
2929
<p class="text-lg text-slate-400 mb-10 max-w-xl mx-auto">
30-
Open source, self-hosted, and ready to run in minutes.
30+
Open source, self-hosted, and running in one command. Define the mission — AgentCrew handles the rest.
3131
</p>
3232

33+
<!-- Install command -->
34+
<div class="max-w-2xl mx-auto mb-10 rounded-xl border border-slate-700/60 overflow-hidden" style="background-color: #0d1117;">
35+
<div class="px-5 py-4 font-mono text-sm flex items-center justify-between gap-4">
36+
<code class="text-slate-300 overflow-x-auto"><span class="text-green-400">$</span> curl -fsSL https://agentcrew.helmcode.com/install.sh | bash</code>
37+
</div>
38+
</div>
39+
3340
<!-- CTA Button -->
3441
<div class="flex flex-col sm:flex-row items-center justify-center gap-4">
42+
<a
43+
href="/docs/quick-start"
44+
class="w-full sm:w-auto inline-flex items-center justify-center gap-2 bg-blue-600 hover:bg-blue-500 text-white font-bold px-10 py-4 rounded-xl transition-all duration-200 glow-blue text-base"
45+
>
46+
Get Started
47+
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
48+
<path d="M5 12h14M12 5l7 7-7 7"/>
49+
</svg>
50+
</a>
3551
<a
3652
href="https://github.com/helmcode/agent-crew"
3753
target="_blank"
3854
rel="noopener noreferrer"
39-
class="w-full sm:w-auto inline-flex items-center justify-center gap-2 bg-blue-600 hover:bg-blue-500 text-white font-bold px-10 py-4 rounded-xl transition-all duration-200 glow-blue text-base"
55+
class="w-full sm:w-auto inline-flex items-center justify-center gap-2 border border-slate-600 hover:border-slate-400 text-slate-300 hover:text-white font-bold px-10 py-4 rounded-xl transition-all duration-200 text-base"
4056
>
4157
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
4258
<path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"/>
4359
</svg>
44-
Get Started on GitHub
45-
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
46-
<path d="M5 12h14M12 5l7 7-7 7"/>
47-
</svg>
60+
View on GitHub
4861
</a>
4962
</div>
5063

‎web/src/components/Features.astro‎

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@ const features = [
66
iconBg: 'rgba(59, 130, 246, 0.15)',
77
iconBorder: 'rgba(59, 130, 246, 0.3)',
88
hoverBorder: 'rgba(59, 130, 246, 0.5)',
9-
title: 'Create Teams',
10-
description: 'Configure teams of specialized agents with custom roles, instructions, and permissions through an intuitive wizard.',
9+
title: 'Create Teams for Anything',
10+
description: 'Build agent teams for any domain: engineering, content creation, data analysis, customer support, legal review. Write Markdown instructions and deploy.',
1111
},
1212
{
1313
icon: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>`,
@@ -25,7 +25,7 @@ const features = [
2525
iconBorder: 'rgba(52, 211, 153, 0.3)',
2626
hoverBorder: 'rgba(52, 211, 153, 0.5)',
2727
title: 'Monitor in Real-Time',
28-
description: 'Watch your agents work via live logs, WebSocket streams, and a real-time chat interface.',
28+
description: 'Watch your agents work via live logs, WebSocket streams, and a real-time chat interface. Full visibility into every agent action.',
2929
},
3030
{
3131
icon: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>`,
@@ -34,7 +34,7 @@ const features = [
3434
iconBorder: 'rgba(251, 146, 60, 0.3)',
3535
hoverBorder: 'rgba(251, 146, 60, 0.5)',
3636
title: 'Leader + Workers',
37-
description: 'Define a leader agent that coordinates tasks and worker agents that execute them in parallel.',
37+
description: 'Define a leader agent that coordinates tasks and specialized workers that execute them. Like a real team, each agent has a clear role and expertise.',
3838
},
3939
];
4040
---
@@ -45,11 +45,10 @@ const features = [
4545
<div class="text-center mb-16">
4646
<span class="text-xs font-semibold tracking-widest uppercase text-blue-400 mb-4 block">Capabilities</span>
4747
<h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">
48-
Everything you need to build<br/>
49-
<span class="gradient-text">autonomous AI workflows</span>
48+
One platform, <span class="gradient-text">any mission</span>
5049
</h2>
5150
<p class="text-lg text-slate-400 max-w-2xl mx-auto">
52-
From team creation to production deployment — AgentCrew handles the orchestration so you can focus on results.
51+
AgentCrew handles the orchestration — team creation, deployment, communication, monitoring — so you can focus on defining what your agents should accomplish.
5352
</p>
5453
</div>
5554

‎web/src/components/Hero.astro‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,10 @@
1212
<div class="absolute bottom-0 left-0 w-[400px] h-[400px] rounded-full opacity-10 blur-3xl pointer-events-none" style="background: radial-gradient(ellipse at center, #8b5cf6 0%, transparent 70%);"></div>
1313

1414
<div class="relative max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center py-24 sm:py-32">
15-
<!-- Powered by badge -->
15+
<!-- Tagline badge -->
1616
<div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full text-xs font-medium mb-8 border" style="background-color: rgba(59, 130, 246, 0.1); border-color: rgba(59, 130, 246, 0.3); color: #60a5fa;">
1717
<span class="w-1.5 h-1.5 rounded-full bg-blue-400 animate-pulse"></span>
18-
Powered by Claude Code
18+
The Kubernetes of AI Agents
1919
</div>
2020

2121
<!-- Main Heading -->
@@ -26,7 +26,7 @@
2626

2727
<!-- Subtitle -->
2828
<p class="text-lg sm:text-xl text-slate-400 max-w-2xl mx-auto mb-10 leading-relaxed">
29-
Build, deploy and monitor collaborative AI agent teams. Let multiple Claude Code agents work together autonomously to solve complex tasks.
29+
Build, deploy, and manage collaborative AI agent teams for any purpose. Engineering, marketing, finance, operations — define the mission, AgentCrew handles the orchestration.
3030
</p>
3131

3232
<!-- CTA Buttons -->
@@ -69,7 +69,7 @@
6969
</span>
7070
<span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-medium text-slate-400 border border-slate-700/60 bg-slate-900/50">
7171
<span class="w-1.5 h-1.5 rounded-full bg-green-400 animate-pulse"></span>
72-
Real-time monitoring
72+
Any use case
7373
</span>
7474
</div>
7575

‎web/src/components/HowItWorks.astro‎

Lines changed: 21 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -2,26 +2,26 @@
22
const steps = [
33
{
44
number: '01',
5-
title: 'Create your team',
6-
description: 'Name your team, add agents, and define each agent\'s role (leader or worker) through the team builder.',
5+
title: 'Define your team',
6+
description: 'Name your team, choose a leader, and add workers. Each agent gets a role, instructions, and optional skills — all in plain text.',
77
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="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><line x1="19" y1="8" x2="19" y2="14"/><line x1="22" y1="11" x2="16" y2="11"/></svg>`,
88
},
99
{
1010
number: '02',
11-
title: 'Configure agents',
12-
description: 'Write a CLAUDE.md for each agent with their specialty, instructions, and behavior. Fully customizable.',
11+
title: 'Write the mission',
12+
description: 'Describe what each agent should do in Markdown. A marketing strategist, a data analyst, a code reviewer — specialization comes from documentation.',
1313
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"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>`,
1414
},
1515
{
1616
number: '03',
1717
title: 'Deploy',
18-
description: 'Click deploy. AgentCrew provisions a Docker network, NATS message bus, and starts all agent containers automatically.',
18+
description: 'Click deploy. AgentCrew provisions a Docker network, NATS message bus, and starts the agent container automatically.',
1919
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="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>`,
2020
},
2121
{
2222
number: '04',
2323
title: 'Chat & Monitor',
24-
description: 'Send tasks to your team through the chat interface. Watch agents collaborate in real-time via live logs and activity streams.',
24+
description: 'Send tasks to your team through the chat interface. The leader delegates, workers execute, and you watch it all happen in real time.',
2525
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="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>`,
2626
},
2727
];
@@ -73,7 +73,7 @@ const steps = [
7373
</div>
7474
</div>
7575

76-
<!-- Terminal mockup -->
76+
<!-- Install command mockup -->
7777
<div class="mt-20 rounded-2xl border border-slate-800 overflow-hidden" style="background-color: #0d1117;">
7878
<!-- Terminal title bar -->
7979
<div class="flex items-center gap-2 px-4 py-3 border-b border-slate-800" style="background-color: #161b22;">
@@ -82,22 +82,23 @@ const steps = [
8282
<div class="w-3 h-3 rounded-full bg-yellow-500/70"></div>
8383
<div class="w-3 h-3 rounded-full bg-green-500/70"></div>
8484
</div>
85-
<span class="text-slate-500 text-xs ml-2 font-mono">agentcrew deploy</span>
85+
<span class="text-slate-500 text-xs ml-2 font-mono">terminal</span>
8686
</div>
8787
<!-- Terminal content -->
8888
<div class="p-6 font-mono text-sm space-y-2">
89-
<div><span class="text-green-400">$</span> <span class="text-slate-300">agentcrew team create --name "dev-team"</span></div>
90-
<div class="text-slate-500"> Creating team configuration...</div>
91-
<div><span class="text-green-400">$</span> <span class="text-slate-300">agentcrew agent add --role leader --model claude-code</span></div>
92-
<div class="text-slate-500"> Agent "leader-1" configured</div>
93-
<div><span class="text-green-400">$</span> <span class="text-slate-300">agentcrew agent add --role worker --count 3</span></div>
94-
<div class="text-slate-500"> Agents "worker-1", "worker-2", "worker-3" configured</div>
95-
<div><span class="text-green-400">$</span> <span class="text-slate-300">agentcrew deploy --platform docker</span></div>
96-
<div class="text-blue-400"> Provisioning Docker network...</div>
97-
<div class="text-blue-400"> Starting NATS message bus...</div>
98-
<div class="text-blue-400"> Launching agent containers...</div>
99-
<div class="text-green-400"> ✓ Team "dev-team" is running! (4 agents active)</div>
100-
<div class="mt-2"><span class="text-slate-500">Ready to receive tasks at</span> <span class="text-blue-400">http://localhost:8080</span></div>
89+
<div><span class="text-green-400">$</span> <span class="text-slate-300">curl -fsSL https://agentcrew.helmcode.com/install.sh | bash</span></div>
90+
<div class="text-blue-400"> Checking dependencies...</div>
91+
<div class="text-green-400"> [OK] Docker found</div>
92+
<div class="text-green-400"> [OK] Docker Compose found</div>
93+
<div class="text-blue-400"> Pulling images and starting AgentCrew...</div>
94+
<div class="text-slate-500"> [+] Running 4/4</div>
95+
<div class="text-slate-500"> ✔ Network agentcrew_default Created</div>
96+
<div class="text-slate-500"> ✔ Container agentcrew-nats Started</div>
97+
<div class="text-slate-500"> ✔ Container agentcrew-api Started</div>
98+
<div class="text-slate-500"> ✔ Container agentcrew-web Started</div>
99+
<div class="text-green-400"> [OK] All services are running</div>
100+
<div class="mt-2 text-green-400 font-bold"> ── AgentCrew is running! ──</div>
101+
<div class="mt-1"><span class="text-slate-400"> Open:</span> <span class="text-blue-400">http://localhost:8080</span></div>
101102
</div>
102103
</div>
103104
</div>

‎web/src/components/WhatIs.astro‎

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
What is <span class="gradient-text">AgentCrew</span>?
1111
</h2>
1212
<p class="text-lg text-slate-400 max-w-3xl mx-auto leading-relaxed">
13-
AgentCrew is an open-source platform that lets you create teams of AI agents powered by Claude Code. Each agent runs in its own container, has a specialized role, and collaborates through a message bus — enabling complex, autonomous workflows.
13+
AgentCrew is an open-source AI agent orchestrator. Just as Kubernetes orchestrates containers regardless of the application inside, AgentCrew orchestrates AI agents regardless of their purpose. Define your team, describe their roles in plain text, deploy, and let them collaborate autonomously.
1414
</p>
1515
</div>
1616

@@ -29,22 +29,25 @@
2929
<circle cx="19" cy="18" r="3"/>
3030
</svg>
3131
</div>
32-
<h3 class="text-white font-semibold text-lg mb-2">Multi-Agent Teams</h3>
32+
<h3 class="text-white font-semibold text-lg mb-2">Purpose-Agnostic</h3>
3333
<p class="text-slate-400 text-sm leading-relaxed">
34-
Spin up entire teams of AI agents, each with a distinct role — leader, developer, reviewer, or any specialty you define.
34+
Build teams for software engineering, marketing, finance, research, operations, or any domain. Agent specialization is driven by documentation, not code.
3535
</p>
3636
</div>
3737

3838
<!-- Card 2 -->
3939
<div class="group p-6 rounded-xl border border-slate-800 bg-slate-900/60 hover:border-violet-500/40 hover:bg-slate-900 transition-all duration-300">
4040
<div class="w-12 h-12 rounded-lg flex items-center justify-center mb-4" style="background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(139, 92, 246, 0.05)); border: 1px solid rgba(139, 92, 246, 0.3);">
4141
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#a78bfa" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
42-
<path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
42+
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
43+
<polyline points="14 2 14 8 20 8"/>
44+
<line x1="16" y1="13" x2="8" y2="13"/>
45+
<line x1="16" y1="17" x2="8" y2="17"/>
4346
</svg>
4447
</div>
45-
<h3 class="text-white font-semibold text-lg mb-2">Real-time Communication</h3>
48+
<h3 class="text-white font-semibold text-lg mb-2">Documentation-Driven</h3>
4649
<p class="text-slate-400 text-sm leading-relaxed">
47-
Agents communicate through a NATS message bus. Watch live logs, WebSocket streams, and agent interactions in real time.
50+
Agents are defined by Markdown files with instructions, roles, and skills. Write what an agent should do, and it becomes that specialist. No code required.
4851
</p>
4952
</div>
5053

0 commit comments

Comments
 (0)