index.html

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="theme-color" content="#15191e" />
		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
		<meta
			name="description"
			content="An interactive explainer of a personal multi-agent AI operator OS: the fleet, the spine, the guardrails, and the hub, shown in motion on a synthetic timeline."
		/>
		<link rel="canonical" href="https://operator.saagarpatel.dev/" />
		<meta property="og:type" content="website" />
		<meta property="og:url" content="https://operator.saagarpatel.dev/" />
		<meta property="og:title" content="Anatomy of an AI Operator OS" />
		<meta
			property="og:description"
			content="An interactive explainer of a personal multi-agent AI operator OS: the fleet, the spine, the guardrails, and the hub, shown in motion on a synthetic timeline."
		/>
		<meta property="og:image" content="https://operator.saagarpatel.dev/og.png" />
		<meta property="og:image:width" content="1200" />
		<meta property="og:image:height" content="630" />
		<meta name="twitter:card" content="summary_large_image" />
		<meta name="twitter:title" content="Anatomy of an AI Operator OS" />
		<meta
			name="twitter:description"
			content="An interactive explainer of a personal multi-agent AI operator OS: the fleet, the spine, the guardrails, and the hub, shown in motion on a synthetic timeline."
		/>
		<meta name="twitter:image" content="https://operator.saagarpatel.dev/og.png" />
		<title>Anatomy of an AI Operator OS</title>
	</head>
	<body style="background: #15191e">
		<div id="root"></div>
		<script type="module" src="/src/main.tsx"></script>
	</body>
</html>