Add Agent OS homepage diagrams: harness architecture + cold-start comparison#1494
Open
NicholasKissel wants to merge 1 commit into
Open
Add Agent OS homepage diagrams: harness architecture + cold-start comparison#1494NicholasKissel wants to merge 1 commit into
NicholasKissel wants to merge 1 commit into
Conversation
…parison Two native React + inline SVG + Tailwind + framer-motion visuals on the Agent OS homepage, themed to the site palette: - HarnessArchitecture: a cross diagram framed as Agent OS — a cycling agent logo at the center routes requests/responses to Tools, Session, Sandbox, and Orchestration with animated flow dots; collapses to a stacked layout on mobile. - ColdStartRace: a containers-vs-Agent OS cold-start comparison. Each container boots on its own (red→green + mini bar) carrying its own ~1 GB; Agent OS packs all agents into one shared process at ~131 MB each. Includes live ms counters, a speed slider to control playback, and a stats row (92x faster, 8x less memory, 32x cheaper) sourced from bench.ts. Also bundles pre-existing in-progress site changes from this workspace: Navigation, Footer, registry (RegistryPageClient, registry.ts, registry-icons.ts, registry/[slug].astro), pricing page, and favicon. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
🚅 Environment agent-os-pr-1494 in rivet-frontend has no services deployed. |
This was referenced Jun 21, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds two animated marketing visuals to the Agent OS homepage, built natively as React + inline SVG + Tailwind + framer-motion and themed to the site palette (terracotta
accent, ink/cream). All figures are sourced fromwebsite/src/data/bench.tsso they stay accurate.Harness architecture (
diagrams/HarnessArchitecture.tsx)A cross diagram framed as Agent OS: a cycling agent logo (Pi → Claude Code → Codex → OpenCode → Amp) sits at the center and routes request/response traffic out to Tools (+ MCP), Session, Sandbox, and Orchestration, with animated flow dots along the arrows. Collapses to a stacked card layout on mobile. Respects
prefers-reduced-motion;role="img"with a descriptive label.Cold-start comparison (
diagrams/ColdStartRace.tsx)A containers-vs-Agent OS cold-start visual:
mscounters, completion checks, and a speed slider (Slow ⟷ Fast) to control playback so you can watch the boot at any speed.bench.ts).Wired into
AgentOSPage.tsx: the cold-start visual sits inside "A new operating system architecture"; the harness diagram is a new two-column section.Also included
This PR also bundles pre-existing in-progress workspace changes (not part of the diagrams):
Navigation,Footer, registry (RegistryPageClient,registry.ts,registry-icons.ts,registry/[slug].astro), the pricing page, andfavicon.svg.Verification
npm run buildpasses (81 pages).🤖 Generated with Claude Code