Homepage: animated performance benchmarks + architecture copy fixes#1499
Closed
NicholasKissel wants to merge 2 commits into
Closed
Homepage: animated performance benchmarks + architecture copy fixes#1499NicholasKissel wants to merge 2 commits into
NicholasKissel wants to merge 2 commits 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>
Replace the static benchmark cards with three animated, light-styled diagrams (cold-start race with p50/p95/p99 toggle, memory-overhead squares, execution-density packing), extract shared benchUI primitives (BenchToggle/CountUpStat/BenchInfoTooltip), add per-tier execs/costPerHour to bench.ts, link hero stats to their diagrams, and fix the info tooltips and the agentOS boot timing. Correct the architecture framing to match the product: an OS for all AI agents and arbitrary code, many lightweight in-process VMs packed into one process on an in-process kernel. Also bundles related in-progress homepage edits (navigation, footer, registry, pricing, use-cases, config). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
🚅 Deployed to the agentos-pr-1499 environment in rivet-frontend
|
Member
Author
|
Closing and resubmitting as a fresh PR. |
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
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
Redesigns the agentOS homepage Performance benchmarks area and tightens the architecture framing.
Benchmark diagrams (new)
Three stacked, animated, light-styled diagrams replace the old static cards:
p50 / p95 / p99toggle and a big "X faster" headline. agentOS boots in a fixed snappy time while the containers crawl at the real (6×-slowed) cold-start pace, so the gap is honest at every percentile.ResizeObserver-driven, distortion-free).Supporting work:
benchUIprimitives —BenchToggle,CountUpStat,BenchInfoTooltip— and made the info tooltips icon-anchored so they position correctly on the light cards.bench.tsgains per-tierexecs/costPerHour(+ helper fields) and the workload labels (Coding agent/Execution).516× faster/8× less memory/1738× cheaper) link down to their matching diagram.Architecture copy
Corrected the framing to match the product (grounded in the repo
README.md+ docs):Also bundles related in-progress homepage edits (navigation, footer, registry, pricing, use-cases, config, favicon).
Verification
npm run buildpasses — 81 pages.tscnotes unrelated to this work: dynamicIconComponentcasing and afeature.metricsunion-type gap in the feature-card code; neither affects the build.🤖 Generated with Claude Code