Skip to content

Homepage: animated performance benchmarks + architecture copy fixes#1499

Closed
NicholasKissel wants to merge 2 commits into
mainfrom
NicholasKissel/agentos-homepage-redesign
Closed

Homepage: animated performance benchmarks + architecture copy fixes#1499
NicholasKissel wants to merge 2 commits into
mainfrom
NicholasKissel/agentos-homepage-redesign

Conversation

@NicholasKissel

Copy link
Copy Markdown
Member

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:

  • Cold Start — race animation with a p50 / p95 / p99 toggle 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.
  • Memory Overhead — two proportional squares (area ∝ memory) that grow/shrink when toggling Coding agent ↔ Execution.
  • Execution Density — packs N execution chips into one server vs one-per-sandbox, resolving into cost-per-execution-second; the card animates its grow/shrink as the packed count changes (ResizeObserver-driven, distortion-free).

Supporting work:

  • Extracted shared benchUI primitives — BenchToggle, CountUpStat, BenchInfoTooltip — and made the info tooltips icon-anchored so they position correctly on the light cards.
  • bench.ts gains per-tier execs / costPerHour (+ helper fields) and the workload labels (Coding agent / Execution).
  • Hero stat cards (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):

  • It's an OS for all AI agents and arbitrary code, not just "coding agents."
  • Many lightweight in-process VMs packed into one process on an in-process kernel — replaced the inaccurate "one harness routes every call" / "harness" language with the real OS model.

Also bundles related in-progress homepage edits (navigation, footer, registry, pricing, use-cases, config, favicon).

Verification

  • npm run build passes — 81 pages.
  • Verified in the dev server (SSR + toggles + animations).
  • Pre-existing tsc notes unrelated to this work: dynamic IconComponent casing and a feature.metrics union-type gap in the feature-card code; neither affects the build.

Supersedes #1494, which contained only the first commit (2e48fb9). Close that one if this lands.

🤖 Generated with Claude Code

NicholasKissel and others added 2 commits June 20, 2026 16:43
…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>
@railway-app railway-app Bot temporarily deployed to rivet-frontend / agentos-pr-1499 June 21, 2026 07:36 Destroyed
@railway-app

railway-app Bot commented Jun 21, 2026

Copy link
Copy Markdown

🚅 Deployed to the agentos-pr-1499 environment in rivet-frontend

Service Status Web Updated (UTC)
agent-os ✅ Success (View Logs) Web Jun 21, 2026 at 7:48 am

@NicholasKissel NicholasKissel marked this pull request as draft June 21, 2026 07:54
@NicholasKissel NicholasKissel marked this pull request as ready for review June 21, 2026 07:54
@NicholasKissel

Copy link
Copy Markdown
Member Author

Closing and resubmitting as a fresh PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant