Skip to content

Commit 401166c

Browse files
Norbert515Norbert515
committed
Rebrand landing page from 'vibe engineering' to 'open source agent orchestrator'
Replace all vibe/vibe-engineering references with agent orchestrator terminology. Add OG image generation tooling (og.html + Puppeteer script) and regenerate the OG image with updated subtitle and softer text color.
1 parent 378700a commit 401166c

8 files changed

Lines changed: 1660 additions & 21 deletions

File tree

‎.gitignore‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,3 +31,7 @@ packages/vide_in_app_sdk/example/
3131

3232
# Specs (local design docs)
3333
specs/
34+
35+
# Landing page
36+
landing/node_modules/
37+
.DS_Store

‎landing/assets/og-image.png‎

-28.6 KB
Loading

‎landing/generate-og.mjs‎

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
#!/usr/bin/env node
2+
3+
// Generates landing/assets/og-image.png by rendering og.html with Puppeteer.
4+
//
5+
// Usage:
6+
// cd landing && npm install && node generate-og.mjs
7+
//
8+
// Optional flags:
9+
// --time <float> Vortex animation time (default: 2.5)
10+
// --output <path> Output file path (default: assets/og-image.png)
11+
12+
import puppeteer from 'puppeteer';
13+
import { fileURLToPath } from 'url';
14+
import path from 'path';
15+
16+
const __dirname = path.dirname(fileURLToPath(import.meta.url));
17+
18+
function parseArgs() {
19+
const args = process.argv.slice(2);
20+
const opts = { time: 2.5, output: path.join(__dirname, 'assets', 'og-image.png') };
21+
22+
for (let i = 0; i < args.length; i++) {
23+
if (args[i] === '--time' && args[i + 1]) {
24+
opts.time = parseFloat(args[++i]);
25+
} else if (args[i] === '--output' && args[i + 1]) {
26+
opts.output = args[++i];
27+
}
28+
}
29+
30+
return opts;
31+
}
32+
33+
async function main() {
34+
const opts = parseArgs();
35+
36+
const browser = await puppeteer.launch({
37+
headless: true,
38+
args: ['--no-sandbox', '--disable-setuid-sandbox'],
39+
});
40+
41+
const page = await browser.newPage();
42+
await page.setViewport({ width: 1200, height: 630 });
43+
44+
const ogPath = path.join(__dirname, 'og.html');
45+
await page.goto(`file://${ogPath}`, { waitUntil: 'networkidle0' });
46+
47+
// Wait for fonts to load and vortex to initialize
48+
await page.waitForFunction('typeof window.__renderVortex === "function"', {
49+
timeout: 10000,
50+
});
51+
52+
// Render the vortex at the desired animation time
53+
await page.evaluate((time) => window.__renderVortex(time), opts.time);
54+
55+
// Small delay so the composited frame is ready
56+
await new Promise((r) => setTimeout(r, 200));
57+
58+
await page.screenshot({ path: opts.output, type: 'png' });
59+
60+
await browser.close();
61+
62+
console.log(`OG image saved to ${opts.output}`);
63+
}
64+
65+
main().catch((err) => {
66+
console.error(err);
67+
process.exit(1);
68+
});

‎landing/index.html‎

Lines changed: 18 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,12 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Vide - The Meta-Agent for Vibe Engineering</title>
6+
<title>Vide - Open Source Agent Orchestrator</title>
77
<meta
88
name="description"
9-
content="Vide is the open source meta-agent that runs on top of Claude Code. A team of AI agents that research, implement, and test your code. Vibe engineering, supercharged."
9+
content="Vide is an open source agent orchestrator that runs on top of Claude Code. A team of AI agents that research, implement, and test your code."
1010
/>
11-
<meta name="keywords" content="AI coding assistant, Flutter development, meta-agent, Claude Code, vibe coding, vibe engineering, AI developers, code automation, developer tools, open source" />
11+
<meta name="keywords" content="AI coding assistant, Flutter development, agent orchestrator, Claude Code, AI agents, AI developers, code automation, developer tools, open source" />
1212
<meta name="author" content="Vide" />
1313
<meta name="robots" content="index, follow" />
1414
<meta name="theme-color" content="#080810" />
@@ -19,16 +19,16 @@
1919
<!-- Open Graph / Facebook -->
2020
<meta property="og:type" content="website" />
2121
<meta property="og:url" content="https://vide.dev/" />
22-
<meta property="og:title" content="Vide - The Meta-Agent for Vibe Engineering" />
23-
<meta property="og:description" content="Vide is the open source meta-agent that runs on top of Claude Code. A team of AI agents that research, implement, and test your code." />
22+
<meta property="og:title" content="Vide - Open Source Agent Orchestrator" />
23+
<meta property="og:description" content="Vide is an open source agent orchestrator that runs on top of Claude Code. A team of AI agents that research, implement, and test your code." />
2424
<meta property="og:image" content="https://vide.dev/assets/og-image.png" />
2525
<meta property="og:site_name" content="Vide" />
2626

2727
<!-- Twitter -->
2828
<meta name="twitter:card" content="summary_large_image" />
2929
<meta name="twitter:url" content="https://vide.dev/" />
30-
<meta name="twitter:title" content="Vide - The Meta-Agent for Vibe Engineering" />
31-
<meta name="twitter:description" content="Vide is the open source meta-agent that runs on top of Claude Code. A team of AI agents that research, implement, and test your code." />
30+
<meta name="twitter:title" content="Vide - Open Source Agent Orchestrator" />
31+
<meta name="twitter:description" content="Vide is an open source agent orchestrator that runs on top of Claude Code. A team of AI agents that research, implement, and test your code." />
3232
<meta name="twitter:image" content="https://vide.dev/assets/og-image.png" />
3333

3434
<!-- Structured Data -->
@@ -37,7 +37,7 @@
3737
"@context": "https://schema.org",
3838
"@type": "SoftwareApplication",
3939
"name": "Vide",
40-
"description": "The open source meta-agent that orchestrates AI coding assistants. A team of AI agents that research, implement, and test your code.",
40+
"description": "An open source agent orchestrator for AI coding assistants. A team of AI agents that research, implement, and test your code.",
4141
"applicationCategory": "DeveloperApplication",
4242
"operatingSystem": "macOS, Linux, Windows",
4343
"offers": {
@@ -99,7 +99,7 @@
9999

100100
<!-- Hero Section - Full Viewport Vortex -->
101101
<section class="hero-section">
102-
<h1 class="sr-only">Vide - The Meta-Agent for Vibe Coding</h1>
102+
<h1 class="sr-only">Vide - Open Source Agent Orchestrator</h1>
103103

104104
<!-- VIDE Logo - centered in hero section -->
105105
<div class="hero-center">
@@ -109,7 +109,7 @@ <h1 class="sr-only">Vide - The Meta-Agent for Vibe Coding</h1>
109109
╚██╗ ██╔╝██║██║ ██║██╔══╝
110110
╚████╔╝ ██║██████╔╝███████╗
111111
╚═══╝ ╚═╝╚═════╝ ╚══════╝</div>
112-
<p class="hero-subtitle">The open source meta-agent for vibe engineering.</p>
112+
<p class="hero-subtitle">The open source agent orchestrator.</p>
113113
<div class="hero-install-wrapper">
114114
<div class="os-tabs">
115115
<button class="os-tab active" data-os="unix">macOS / Linux</button>
@@ -155,7 +155,6 @@ <h1 class="sr-only">Vide - The Meta-Agent for Vibe Coding</h1>
155155
<p>
156156
<strong>Vide</strong> orchestrates a team of AI agents on top of Claude Code.
157157
A researcher explores your codebase, an implementer writes the code, and a tester verifies it works.
158-
This isn't vibe coding—it's vibe engineering.
159158
</p>
160159
<div class="terminal-window">
161160
<div class="terminal-header">
@@ -177,7 +176,7 @@ <h2>Why Vide</h2>
177176
<ul class="feature-list">
178177
<li>
179178
<span class="feature-check">✓</span>
180-
<strong>Meta-agent</strong> — Orchestrates Claude Code, with more backends coming
179+
<strong>Agent orchestrator</strong> — Orchestrates Claude Code, with more backends coming
181180
</li>
182181
<li>
183182
<span class="feature-check">✓</span>
@@ -192,7 +191,7 @@ <h2>Why Vide</h2>
192191
Agents see and tap your app with Moondream
193192
</li>
194193
<li>
195-
<span class="feature-check">✓</span> <strong>Vibe coding</strong> —
194+
<span class="feature-check">✓</span> <strong>Natural language</strong> —
196195
Describe what you want, agents figure out the rest
197196
</li>
198197
<li>
@@ -378,7 +377,7 @@ <h2>Flutter: First-Class Citizen</h2>
378377
<h2>FAQ</h2>
379378
<div class="faq-list">
380379
<details class="faq-item">
381-
<summary>What is a meta-agent?</summary>
380+
<summary>What is an agent orchestrator?</summary>
382381
<p>Vide sits on top of AI coding CLIs like Claude Code. Instead of one conversation,
383382
Vide orchestrates a team of specialized agents that can research, implement, and test
384383
in parallel. Think of it as a manager for your AI coding assistants.</p>
@@ -398,12 +397,11 @@ <h2>FAQ</h2>
398397
verify their changes work. Other frameworks work too, but Flutter gets superpowers.</p>
399398
</details>
400399
<details class="faq-item">
401-
<summary>What's vibe coding? What's vibe engineering?</summary>
402-
<p>Vibe coding means describing what you want in natural language and letting AI
403-
figure out the implementation. Vide takes this further with <strong>vibe engineering</strong>:
404-
instead of one AI writing code, you have a team of specialized agents that research,
405-
implement, and test together. It's structured, parallel, and verified—not just vibes,
406-
but actual engineering with AI doing the heavy lifting.</p>
400+
<summary>How is this different from using Claude Code directly?</summary>
401+
<p>Claude Code is a single agent in a single conversation. Vide orchestrates
402+
multiple specialized agents that work in parallel—a researcher explores your codebase,
403+
an implementer writes the code, and a tester verifies it works. It's structured,
404+
parallel, and verified.</p>
407405
</details>
408406
<details class="faq-item">
409407
<summary>Is it free?</summary>

0 commit comments

Comments
 (0)