-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
278 lines (267 loc) · 14 KB
/
index.html
File metadata and controls
278 lines (267 loc) · 14 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>VibePod CLI | Run and Switch AI Agents Locally</title>
<meta name="description" content="Install VibePod CLI from PyPI, run coding agents locally, and switch between agents from one command surface.">
<meta name="theme-color" content="#fff7ed">
<meta property="og:type" content="website">
<meta property="og:title" content="VibePod CLI | Run and Switch AI Agents Locally">
<meta property="og:description" content="Install from PyPI, run coding agents locally, and switch agents without leaving your workflow.">
<meta property="og:url" content="https://vibepod.github.io/">
<meta property="og:image" content="https://vibepod.github.io/assets/vibepod-preview.svg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="VibePod CLI | Run and Switch AI Agents Locally">
<meta name="twitter:description" content="pip install vibepod, run agents locally, and switch between them fast.">
<meta name="twitter:image" content="https://vibepod.github.io/assets/vibepod-preview.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400&family=IBM+Plex+Sans:wght@400;500;600&family=Sora:wght@500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "vibepod",
"applicationCategory": "DeveloperApplication",
"operatingSystem": "Cross-platform",
"description": "A CLI to run coding agents locally and switch between agents quickly from one interface.",
"url": "https://vibepod.github.io/",
"downloadUrl": "https://pypi.org/project/vibepod/",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
}
}
</script>
</head>
<body>
<a class="skip-link" href="#main-content">Skip to main content</a>
<header class="site-header">
<div class="shell nav-shell">
<a class="brand" href="#" aria-label="VibePod CLI home">
<span class="brand-mark" aria-hidden="true"></span>
<span class="brand-text">VibePod CLI</span>
</a>
<nav class="main-nav" aria-label="Primary">
<a href="#quickstart">Quickstart</a>
<a href="#how-it-works">How it works</a>
<a href="docs/">Docs</a>
<a href="#features">Features</a>
<a href="#screenshots">Screenshots</a>
<a href="#faq">FAQ</a>
</nav>
<div class="header-actions">
<button class="button button-sm button-outline theme-toggle" id="theme-toggle" type="button" aria-label="Switch to dark mode" aria-pressed="false"><span class="sr-only">Toggle color theme</span></button>
<a class="button button-sm button-outline" href="https://pypi.org/project/vibepod/" target="_blank" rel="noreferrer">PyPI Package</a>
</div>
</div>
</header>
<main id="main-content">
<section class="hero shell" data-reveal>
<div class="hero-copy">
<p class="eyebrow">Open-source CLI</p>
<h1>One local CLI to run and switch coding agents.</h1>
<p class="hero-lead">Install VibePod from PyPI, run coding agents locally, and switch between agents without breaking flow.</p>
<div class="hero-actions">
<a class="button button-primary" href="https://pypi.org/project/vibepod/" target="_blank" rel="noreferrer">Install from PyPI</a>
<a class="button button-ghost" href="https://github.com/VibePod/vibepod-cli" target="_blank" rel="noreferrer">View on GitHub</a>
<a class="button button-ghost" href="#quickstart">See Quickstart</a>
</div>
<ul class="hero-proof" role="list">
<li>Published on PyPI</li>
<li>Local-first execution</li>
<li>Fast agent switching</li>
<li>Ready for scripts and CI</li>
</ul>
</div>
<figure class="hero-visual">
<img
src="screenshots/tool.png"
alt="Screenshot of the VibePod CLI tool interface."
width="1200"
height="760"
fetchpriority="high">
<figcaption>CLI-first local workflow with quick agent switching.</figcaption>
</figure>
</section>
<section class="section demo-section" id="quickstart" data-reveal>
<div class="shell demo-grid">
<div>
<p class="eyebrow">Quickstart</p>
<h2>Install, verify, and switch locally</h2>
<p class="section-lead">Install from PyPI, verify your setup, then use the README to run and switch agents in local workflows.</p>
<pre class="code-block"><code>python -m pip install vibepod
vibepod --help</code></pre>
<p class="install-hint">Tip: pin versions in automation with <code>python -m pip install vibepod==<version></code>.</p>
<a class="button button-primary" href="https://pypi.org/project/vibepod/" target="_blank" rel="noreferrer">Open PyPI</a>
<a class="button button-ghost" href="docs/quickstart/">Open Docs Quickstart</a>
</div>
<figure class="demo-frame">
<pre class="code-block"><code>$ vp version
VibePod CLI: 0.2.1
Python: 3.12.3
Docker: 28.1.1</code></pre>
<figcaption>Live-style local runtime preview.</figcaption>
</figure>
</div>
</section>
<section class="section shell" id="how-it-works" data-reveal>
<p class="eyebrow">How it works</p>
<h2>Three commands for local agent switching</h2>
<ol class="steps" role="list">
<li class="step-card" data-reveal>
<span class="step-number" aria-hidden="true">1</span>
<h3>List available agents</h3>
<p>Run <code>vp list</code> to see which agents are available in your local setup.</p>
<p>Note: <code>vp list</code> also shows active workspaces.</p>
</li>
<li class="step-card" data-reveal>
<span class="step-number" aria-hidden="true">2</span>
<h3>Run the agent you want</h3>
<p>Start work with <code>vp run AGENT</code> and switch agents by rerunning the command with a different agent.</p>
<p>Note: the current folder is used as the active agent workspace.</p>
</li>
<li class="step-card" data-reveal>
<span class="step-number" aria-hidden="true">3</span>
<h3>Open the local interface</h3>
<p>Use <code>vp ui</code> when you want a local UI to monitor and manage your active workflow; it opens automatically in your default browser.</p>
</li>
</ol>
</section>
<section class="section shell" id="features" data-reveal>
<p class="eyebrow">Core features</p>
<h2>CLI-first local workflow control</h2>
<div class="feature-grid">
<article class="feature-card" data-reveal>
<h3>Unified local command surface</h3>
<p>Use one CLI to run and manage multiple coding agents in the same local flow.</p>
<p class="proof">Proof point: single entrypoint design for multi-agent tasks.</p>
</article>
<article class="feature-card" data-reveal>
<h3>Switch agents quickly</h3>
<p>Move from one coding agent to another in seconds when the task changes.</p>
<p class="proof">Proof point: less context churn between tools and prompts.</p>
</article>
<article class="feature-card" data-reveal>
<h3>Consistent local runtime</h3>
<p>Keep behavior predictable by using the same local CLI flow across projects.</p>
<p class="proof">Proof point: repeatable commands across developer machines.</p>
</article>
<article class="feature-card" data-reveal>
<h3>Automation-ready commands</h3>
<p>Script local agent runs and switching workflows directly from shell tooling.</p>
<p class="proof">Proof point: CLI ergonomics map naturally to automation systems.</p>
</article>
<article class="feature-card" data-reveal>
<h3>Developer-centric flow</h3>
<p>Install once, run locally, and keep switching agents without friction.</p>
<p class="proof">Proof point: terminal-first interaction cuts UI overhead.</p>
</article>
<article class="feature-card" data-reveal>
<h3>Open-source extensibility</h3>
<p>Adopt the default flow or customize around your team’s processes.</p>
<p class="proof">Proof point: GitHub-based development and contribution model.</p>
</article>
</div>
</section>
<section class="section shell tool-section" id="screenshots" data-reveal>
<p class="eyebrow">Tool screenshots</p>
<h2>Real captures from every supported tool</h2>
<p class="section-lead">Included screenshots cover Auggie, Claude Code, GitHub Copilot, Gemini, Mistral, OpenAI Codex, and OpenCode.</p>
<div class="tool-grid">
<figure class="tool-card" data-reveal>
<img src="screenshots/augment%20auggie.png" alt="Screenshot of VibePod workflow with Augment Auggie." loading="lazy" width="1256" height="871">
<figcaption>Augment Auggie</figcaption>
</figure>
<figure class="tool-card" data-reveal>
<img src="screenshots/claude%20code.png" alt="Screenshot of VibePod workflow with Claude Code." loading="lazy" width="1256" height="871">
<figcaption>Claude Code</figcaption>
</figure>
<figure class="tool-card" data-reveal>
<img src="screenshots/github%20copilot.png" alt="Screenshot of VibePod workflow with GitHub Copilot." loading="lazy" width="1256" height="871">
<figcaption>GitHub Copilot</figcaption>
</figure>
<figure class="tool-card" data-reveal>
<img src="screenshots/google%20gemini.png" alt="Screenshot of VibePod workflow with Google Gemini." loading="lazy" width="1256" height="871">
<figcaption>Google Gemini</figcaption>
</figure>
<figure class="tool-card" data-reveal>
<img src="screenshots/mistral%20vibe.png" alt="Screenshot of VibePod workflow with Mistral Vibe." loading="lazy" width="1256" height="871">
<figcaption>Mistral Vibe</figcaption>
</figure>
<figure class="tool-card" data-reveal>
<img src="screenshots/openai%20codex.png" alt="Screenshot of VibePod workflow with OpenAI Codex." loading="lazy" width="1256" height="871">
<figcaption>OpenAI Codex</figcaption>
</figure>
<figure class="tool-card" data-reveal>
<img src="screenshots/opencode.png" alt="Screenshot of VibePod workflow with OpenCode." loading="lazy" width="1256" height="871">
<figcaption>OpenCode</figcaption>
</figure>
</div>
</section>
<section class="section shell faq" id="faq" data-reveal>
<p class="eyebrow">FAQ</p>
<h2>Top questions</h2>
<details>
<summary>What is the best way to install VibePod CLI?</summary>
<p>Install from PyPI using <code>python -m pip install vibepod</code>, then use the README for command examples.</p>
</details>
<details>
<summary>Can I use it for local workflows?</summary>
<p>Yes. The core workflow is local CLI usage so you can run and switch coding agents from your machine.</p>
</details>
<details>
<summary>Does VibePod CLI support auto-complete?</summary>
<p>Yes. Run <code>vp --install-completion</code> to enable auto-complete and speed up command entry and agent selection.</p>
</details>
<details>
<summary>Which folder is used as the agent workspace?</summary>
<p>The current working directory where commands are run is used as the active agent workspace.</p>
</details>
<details>
<summary>Can this run in CI or automation pipelines?</summary>
<p>Yes. The same CLI flow used locally can be scripted for CI/CD jobs.</p>
</details>
<details>
<summary>Which coding agents can I switch between?</summary>
<p>VibePod is built for switching across supported coding agents from one CLI. Confirm current support in the repo docs.</p>
</details>
<details>
<summary>Where can I track roadmap and issues?</summary>
<p>Use the GitHub <a href="https://github.com/VibePod/vibepod-cli/issues" target="_blank" rel="noreferrer">issues</a> page to follow changes and request features.</p>
</details>
</section>
<section class="section final-shell" data-reveal>
<div class="shell final-cta">
<h2>Run and switch coding agents locally from one CLI.</h2>
<p>Install from PyPI, verify once, and keep moving between agents as your task evolves.</p>
<div class="hero-actions">
<a class="button button-primary pulse" href="https://pypi.org/project/vibepod/" target="_blank" rel="noreferrer">Install vibepod</a>
<a class="button button-ghost" href="https://github.com/VibePod/vibepod-cli" target="_blank" rel="noreferrer">Open GitHub Repo</a>
<a class="button button-ghost" href="#quickstart">Read Quickstart</a>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="shell footer-shell">
<p><span id="year"></span> VibePod CLI. Installed from PyPI, built in public on GitHub.</p>
<div class="footer-links">
<a href="https://pypi.org/project/vibepod/" target="_blank" rel="noreferrer">PyPI</a>
<a href="https://github.com/VibePod/vibepod-cli" target="_blank" rel="noreferrer">GitHub</a>
<a href="#quickstart">Quickstart</a>
</div>
</div>
</footer>
<div class="lightbox" id="agent-lightbox" aria-hidden="true" role="dialog" aria-modal="true">
<button class="lightbox-close" type="button" aria-label="Close enlarged image">Close</button>
<figure class="lightbox-frame">
<img class="lightbox-image" alt="" src="">
</figure>
</div>
<script src="script.js" defer></script>
</body>
</html>