GoalOS / index.html
AbteeXAILabs's picture
Deploy GoalOS by AbteeX AI Labs Space
e0eef54 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="GoalOS by AbteeX AI Labs. Shared goal graph for agents, tools, and teams.">
<meta name="theme-color" content="#0b0d12">
<meta name="color-scheme" content="dark">
<title>GoalOS by AbteeX AI Labs</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./assets/styles.css">
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>
<header class="site-header">
<div class="shell header-row">
<a class="brand" href="./">
<span class="brand-mark" aria-hidden="true"></span>
<span>
<strong>GoalOS</strong>
<span>by AbteeX AI Labs</span>
</span>
</a>
<nav class="site-nav" aria-label="Primary">
<a href="#install">Install</a>
<a href="#demo">Demo</a>
<a href="./docs/index.html">Docs</a>
<a href="https://github.com/Aimaghsoodi/GoalOS" target="_blank" rel="noopener noreferrer">GitHub</a>
</nav>
</div>
</header>
<main id="main" class="shell page">
<section class="hero">
<p class="eyebrow">GoalOS</p>
<h1>Shared goal graph for agents, tools, and teams.</h1>
<p class="lede">
This Space is the compact public reference for GoalOS: install commands, package surfaces, small examples, and links to the full repository.
</p>
<div class="button-row">
<a class="button button-primary" href="./docs/index.html">Open docs</a>
<a class="button" href="https://github.com/Aimaghsoodi/GoalOS" target="_blank" rel="noopener noreferrer">View GitHub</a>
</div>
<div class="hero-grid">
<article class="panel">
<h2>Included surfaces</h2>
<div class="mini-table">
<div>
<span>Core</span>
<strong>TypeScript</strong>
</div>
<div>
<span>SDK</span>
<strong>Python</strong>
</div>
<div>
<span>CLI</span>
<strong>Local graph tools</strong>
</div>
<div>
<span>MCP</span>
<strong>Client integration</strong>
</div>
</div>
</article>
<article class="panel panel-code">
<div class="panel-head">
<span>Quick example</span>
<button class="button button-small" type="button" data-copy-source="hero-example">Copy</button>
</div>
<pre><code id="hero-example">import { IntentGraphClass } from '@goalos/core';
const graph = IntentGraphClass.create('team@abteex.ai', 'Launch board');
graph.addGoal({
title: 'Ship public docs',
status: 'active',
priority: { level: 'critical' },
domain: 'product',
});</code></pre>
</article>
</div>
</section>
<section id="install" class="section">
<div class="section-head">
<h2>Install</h2>
<p>Choose the package or interface you need.</p>
</div>
<div class="card-grid">
<article class="card">
<div class="card-top">
<span>TypeScript core</span>
<button class="button button-small" type="button" data-copy="npm install @goalos/core">Copy</button>
</div>
<h3>@goalos/core</h3>
<pre><code>npm install @goalos/core</code></pre>
</article>
<article class="card">
<div class="card-top">
<span>Python SDK</span>
<button class="button button-small" type="button" data-copy="pip install goalos">Copy</button>
</div>
<h3>goalos</h3>
<pre><code>pip install goalos</code></pre>
</article>
<article class="card">
<div class="card-top">
<span>CLI</span>
<button class="button button-small" type="button" data-copy="npm install -g goalos">Copy</button>
</div>
<h3>goalos</h3>
<pre><code>npm install -g goalos</code></pre>
</article>
<article class="card">
<div class="card-top">
<span>MCP server</span>
<button class="button button-small" type="button" data-copy="npm install -g @goalos/mcp-server">Copy</button>
</div>
<h3>@goalos/mcp-server</h3>
<pre><code>npm install -g @goalos/mcp-server</code></pre>
</article>
</div>
</section>
<section id="demo" class="section">
<div class="section-head">
<h2>Examples</h2>
<p>Two small examples showing the same graph pattern at team and personal scope.</p>
</div>
<div class="demo">
<div class="demo-tabs" data-demo-tabs></div>
<div class="demo-body">
<article class="panel">
<p class="demo-label" data-demo-label></p>
<h3 data-demo-title></h3>
<p class="demo-text" data-demo-text></p>
<ul class="key-list" data-demo-points></ul>
</article>
<article class="panel panel-code">
<div class="panel-head">
<span>Example action</span>
<button class="button button-small" type="button" data-copy-source="demo-code">Copy</button>
</div>
<pre><code id="demo-code" data-demo-code></code></pre>
</article>
</div>
</div>
</section>
<section class="section">
<div class="section-head">
<h2>References</h2>
<p>GitHub contains the full repository, schema files, examples, and release history.</p>
</div>
<div class="link-grid">
<a class="link-card" href="./docs/index.html">
<strong>Docs</strong>
<span>Quickstart, package surfaces, MCP setup, and publish flow.</span>
</a>
<a class="link-card" href="https://github.com/Aimaghsoodi/GoalOS/tree/main/spec" target="_blank" rel="noopener noreferrer">
<strong>Spec</strong>
<span>OpenAPI, schema files, and examples.</span>
</a>
<a class="link-card" href="https://github.com/Aimaghsoodi/GoalOS/tree/main/examples" target="_blank" rel="noopener noreferrer">
<strong>Examples</strong>
<span>Cloudflare Worker, Claude Desktop, LangChain, and CrewAI examples.</span>
</a>
<a class="link-card" href="https://aimaghsoodi.github.io/GoalOS/" target="_blank" rel="noopener noreferrer">
<strong>Website</strong>
<span>The broader GoalOS site.</span>
</a>
</div>
</section>
</main>
<footer class="site-footer">
<div class="shell footer-row">
<div class="brand brand-footer">
<span class="brand-mark" aria-hidden="true"></span>
<span>
<strong>GoalOS</strong>
<span>by AbteeX AI Labs</span>
</span>
</div>
<div class="footer-links">
<a href="./docs/index.html">Docs</a>
<a href="https://github.com/Aimaghsoodi/GoalOS" target="_blank" rel="noopener noreferrer">GitHub</a>
<a href="https://huggingface.co/spaces/AbteeXAILab/GoalOS" target="_blank" rel="noopener noreferrer">Hugging Face</a>
</div>
</div>
</footer>
<div class="toast" data-toast aria-live="polite" aria-atomic="true"></div>
<script src="./assets/app.js"></script>
</body>
</html>