simbiot-harness/sites/shkor-com/v2/index.html

367 lines
20 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Shkor Labs — Autopilots for business, built in our own labs</title>
<meta name="description" content="Shkor Labs builds autopilots for business: we mirror a company into a living event-sourced twin, rehearse decisions on it, and let a rhythmic AI agent run the work. Every autopilot is proven first in our own labs — real businesses inside Cooperative 42.">
<meta property="og:title" content="Shkor Labs — Autopilots for business">
<meta property="og:description" content="Mirror. Rehearse. Autopilot. Proven first in our own labs — real businesses run by people and their AI agents.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://shkor.com/">
<meta property="og:image" content="https://shkor.com/assets/film-poster.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#050506">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' rx='14' fill='%23050506'/><circle cx='32' cy='32' r='20' fill='none' stroke='%23c6ff4d' stroke-width='3' stroke-dasharray='4 6'/><circle cx='32' cy='32' r='7' fill='%23c6ff4d'/></svg>">
<link rel="preload" href="assets/space-grotesk-latin.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<a class="skip" href="#main">Skip to content</a>
<header class="nav">
<div class="wrap nav-in">
<a class="brand" href="#top" aria-label="Shkor Labs — home">
<svg viewBox="0 0 32 32" aria-hidden="true"><circle cx="16" cy="16" r="12" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="3 4"/><circle cx="16" cy="16" r="4.5" fill="currentColor"/></svg>
<span>Shkor<b>Labs</b></span>
</a>
<nav aria-label="Main">
<a href="#method">Method</a>
<a href="#autopilot">Autopilot</a>
<a href="#labs">Labs</a>
<a href="#work">Plans</a>
<a href="account/">Sign in</a>
<a class="btn btn-sm" href="#notes">Lab notes</a>
</nav>
</div>
</header>
<main id="main">
<!-- ============ HERO ============ -->
<section class="hero" id="top">
<div class="grid-bg" aria-hidden="true"></div>
<div class="wrap hero-in">
<div class="hero-copy">
<p class="tag"><span class="dot"></span>Shkor Labs · R&amp;D for autonomous business</p>
<h1>Autopilot<br>for <em>any</em> business.</h1>
<p class="lead">We mirror a company into a living twin, rehearse decisions on it, and hand the routine to an AI agent that runs on a rhythm — every second, minute, hour and day. Everything we ship is proven first in our own labs: real businesses, real money, real people.</p>
<form class="sub" data-sub action="/api/subscribe" method="post">
<label class="sr" for="hero-email">Work email</label>
<input id="hero-email" type="email" name="email" placeholder="you@company.com" autocomplete="email" required>
<input type="text" name="company" class="hp" tabindex="-1" autocomplete="off" aria-hidden="true">
<input type="hidden" name="source" value="v2-hero">
<button class="btn" type="submit"><span>Get lab notes</span><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
<p class="sub-msg" role="status" aria-live="polite"></p>
</form>
<p class="fine">What we learn running AI-operated businesses. Rare, honest, one-click unsubscribe.</p>
</div>
<!-- orbit: the four rhythms of the autopilot -->
<figure class="orbit" aria-label="Diagram: the autopilot core surrounded by four rhythms — second, minute, hour and day">
<div class="ring r1"><i></i><span>1 sec · reflex</span></div>
<div class="ring r2"><i></i><span>1 min · triage</span></div>
<div class="ring r3"><i></i><span>1 hour · execute</span></div>
<div class="ring r4"><i></i><span>1 day · plan</span></div>
<div class="core"><b>Autopilot</b><small>Simbiot core</small></div>
<div class="hud c-tl" aria-hidden="true"></div><div class="hud c-tr" aria-hidden="true"></div>
<div class="hud c-bl" aria-hidden="true"></div><div class="hud c-br" aria-hidden="true"></div>
<figcaption class="log" aria-hidden="true">
<span class="log-h">event stream · illustrative</span>
<ol id="log"></ol>
</figcaption>
</figure>
</div>
<div class="marquee" aria-label="Some of our labs">
<div class="track">
<span>Simbiot</span><span>ReelsUp</span><span>Avatar</span><span>Mainbeam</span><span>MalyarKa</span><span>Vybirai</span><span>GroupSign</span><span>WalletChain</span><span>DEIP</span><span>Domostroy</span><span>LAIve Sports</span><span>Probity</span><span>Totem</span><span>Yorio</span>
<span aria-hidden="true">Simbiot</span><span aria-hidden="true">ReelsUp</span><span aria-hidden="true">Avatar</span><span aria-hidden="true">Mainbeam</span><span aria-hidden="true">MalyarKa</span><span aria-hidden="true">Vybirai</span><span aria-hidden="true">GroupSign</span><span aria-hidden="true">WalletChain</span><span aria-hidden="true">DEIP</span><span aria-hidden="true">Domostroy</span><span aria-hidden="true">LAIve Sports</span><span aria-hidden="true">Probity</span><span aria-hidden="true">Totem</span><span aria-hidden="true">Yorio</span>
</div>
</div>
</section>
<!-- ============ METHOD ============ -->
<section id="method" class="sec">
<div class="wrap">
<header class="sec-h reveal">
<p class="kicker">01 — Method</p>
<h2>Mirror. Rehearse. <span class="hl">Autopilot.</span></h2>
<p class="lead">A digital twin isn't a dashboard someone draws once. It's the company's own history, captured as it happens — and that's exactly what our agents run on.</p>
</header>
<ol class="steps">
<li class="step reveal">
<span class="num">01</span>
<svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3v18M5 7l7-4 7 4M5 17l7 4 7-4" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
<h3>Mirror</h3>
<p>Messages, tasks, calls, payments and decisions become signed events in one append-only log. Replay it and you get the company — its structure, its people, its habits — as a living model.</p>
</li>
<li class="step reveal">
<span class="num">02</span>
<svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12a8 8 0 1 0 2.3-5.6M4 4v4h4" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
<h3>Rehearse</h3>
<p>Before a change touches a customer, it's tried against the twin and the real history behind it. Where the agent isn't sure, it doesn't guess — it escalates to a person with full context.</p>
</li>
<li class="step reveal">
<span class="num">03</span>
<svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 19 19 5M9 5h10v10" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
<h3>Autopilot</h3>
<p>The routine goes to an agent that lives by ticks: triage, execution, digests, plans — on schedule, with real tools. Every action it takes feeds back into the twin, so it gets sharper with time.</p>
</li>
</ol>
</div>
</section>
<!-- ============ AUTOPILOT BENTO ============ -->
<section id="autopilot" class="sec sec-alt">
<div class="wrap">
<header class="sec-h reveal">
<p class="kicker">02 — The autopilot</p>
<h2>Not a chatbot. <span class="hl">A heartbeat.</span></h2>
</header>
<div class="bento">
<article class="tile t-ladder reveal">
<h3>Four rhythms, one agent</h3>
<p>Each level sees deeper and acts bigger. Busy levels skip a beat instead of piling up; only digests travel upward.</p>
<ul class="ladder">
<li><code>1s</code><b>Reflexes</b><span>telemetry, alerts — no LLM</span></li>
<li><code>1m</code><b>Triage</b><span>inbox, quick fixes, routing</span></li>
<li><code>1h</code><b>Execution</b><span>tasks end-to-end + hourly digest</span></li>
<li><code>1d</code><b>Planning</b><span>larger work + daily manifest</span></li>
</ul>
</article>
<article class="tile t-sign reveal">
<svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3 4 6v6c0 4.5 3.4 8.3 8 9 4.6-.7 8-4.5 8-9V6l-8-3Z M9 12l2 2 4-4" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
<h3>Signed, every step</h3>
<p>ed25519 signatures, hash-chained. One command checks that nothing was altered.</p>
<pre class="term" aria-label="Example terminal command"><span class="p">$</span> simbiot verify
<span class="ok">✓ chain intact</span></pre>
</article>
<article class="tile t-esc reveal">
<svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 19V5M6 11l6-6 6 6" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
<h3>Knows its limits</h3>
<p>What it can't decide safely goes up the ladder — to a human — with the full story attached.</p>
</article>
<article class="tile t-cost reveal">
<h3>LLM only where it matters</h3>
<p>Reflexes and skipped beats cost nothing. Models are used for judgment, with a hard cap on steps per cycle.</p>
</article>
<article class="tile t-tools reveal">
<h3>Real tools, not suggestions</h3>
<div class="chips"><span>shell</span><span>files</span><span>knowledge search</span><span>mail</span><span>calls</span><span>payments</span><span>MCP</span><span>REST</span></div>
</article>
</div>
</div>
</section>
<!-- ============ LABS ============ -->
<section id="labs" class="sec">
<div class="wrap">
<header class="sec-h reveal">
<p class="kicker">03 — The labs</p>
<h2>We don't sell what we <span class="hl">don't run.</span></h2>
<p class="lead">Shkor Labs is a network of real businesses inside Cooperative 42. Each lab is a founder plus their AI agents on shared infrastructure — and each one is a live test bench for the autopilot.</p>
</header>
<div class="labs">
<a class="lab lab-xl reveal" href="https://landing.cil.by" rel="noopener">
<span class="lab-tag">Core · autopilot</span>
<h3>Simbiot</h3>
<p>The rhythmic agent harness that runs the cooperative itself: task board, knowledge bases, decisions, treasury, digests. Every other lab sits on top of it.</p>
<span class="lab-go" aria-hidden="true">→</span>
</a>
<a class="lab reveal" href="https://reelsup.cil.by" rel="noopener">
<span class="lab-tag">Media</span>
<h3>ReelsUp</h3>
<p>Podcasts and YouTube into vertical clips for TikTok, Reels and Shorts — subtitles, hooks, 48-hour delivery.</p>
</a>
<a class="lab reveal" href="https://avatar.cil.by" rel="noopener">
<span class="lab-tag">Marketing</span>
<h3>Avatar</h3>
<p>A full-cycle AI SMM agency: short films, clips, your own avatar, promotion and paid targeting.</p>
</a>
<a class="lab reveal" href="https://mainbeam.cil.by" rel="noopener">
<span class="lab-tag">Consulting</span>
<h3>Mainbeam</h3>
<p>Rebuilding business processes around AI for companies of 15–500 people — from scattered experiments to P&amp;L impact.</p>
</a>
<a class="lab reveal" href="https://malyarka.cil.by" rel="noopener">
<span class="lab-tag">Construction</span>
<h3>MalyarKa</h3>
<p>Estimate a job from the floor plan before you drive out. An engineer and mentor in the tradesperson's pocket.</p>
</a>
<a class="lab reveal" href="https://vybirai.cil.by" rel="noopener">
<span class="lab-tag">Fintech</span>
<h3>Vybirai</h3>
<p>Comparing loans, deposits and leasing in Belarus, so people keep more of their money.</p>
</a>
<a class="lab reveal" href="https://groupsign.cil.by" rel="noopener">
<span class="lab-tag">Trust infra</span>
<h3>GroupSign · WalletChain</h3>
<p>Group membership as signed blocks: every change to a team is co-signed by its members.</p>
</a>
<div class="lab lab-more reveal">
<p class="big">+ more</p>
<p>DEIP, Domostroy, LAIve Sports Studio, Probity, Totem, Yorio, PipL — and new labs every month.</p>
</div>
</div>
</div>
</section>
<!-- ============ FILM ============ -->
<section class="sec sec-alt" aria-labelledby="film-h">
<div class="wrap">
<header class="sec-h reveal">
<p class="kicker">04 — In 86 seconds</p>
<h2 id="film-h">The autopilot, for business.</h2>
</header>
<div class="film reveal">
<video controls preload="none" poster="assets/film-poster.jpg" playsinline>
<source src="/assets/simbiot-harness-enterprise-en.mp4" type="video/mp4">
Your browser can't play this video. <a href="/assets/simbiot-harness-enterprise-en.mp4">Download it instead.</a>
</video>
</div>
</div>
</section>
<!-- ============ PLANS ============ -->
<section id="work" class="sec">
<div class="wrap">
<header class="sec-h reveal">
<p class="kicker">05 — Plans</p>
<h2>One studio. Choose how close we work.</h2>
<p class="sec-sub">For solo founders and small teams — launching a product or already running a business.</p>
</header>
<div class="paths">
<article class="path reveal">
<p class="path-k">Autopilot · you build, on our stack</p>
<h3>Build it yourself</h3>
<p class="price">$99<span>/month</span></p>
<ul class="perks">
<li>Your own server with a Simbiot agent running around the clock</li>
<li>A web workspace with OpenCode and Claude Code, ready to build</li>
<li>The lab MCP: your own git, subdomains and card payments</li>
<li>An earnings dashboard; the studio's share (from 10%) is withheld only from sales through us</li>
</ul>
<p class="muted">Start today: verify, pay, and your workspace deploys itself — usually within the hour. Cancel any time.</p>
<a class="btn" href="start/"><span>Start now</span><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
</article>
<article class="path path-alt reveal">
<p class="path-k">Lab · we build it with you</p>
<h3>Build it with us</h3>
<p class="price price-long">$999<span>/month + revenue share</span></p>
<ul class="perks">
<li>Everything in Autopilot</li>
<li>Personal guidance in cohorts of up to 16 founders</li>
<li>Strategy reviews of your project's seven key decisions</li>
<li>Help from the lab's AI agents and the studio's network</li>
<li>Revenue share from 10% — you set it; withheld automatically from sales through us</li>
<li>No revenue yet? Part of the fee can be deferred as the project's debt, indexed to BTC</li>
</ul>
<p class="muted">Apply, and the board decides. Start on Autopilot while you wait — your $99 is credited toward your first lab month.</p>
<a class="btn btn-ghost" href="apply/"><span>Apply for a lab</span><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
</article>
</div>
<p class="next-rung reveal"><b>Next rung — the studio.</b> Builders with traction are invited to paid roles: running cohorts for the next founders while building their own products.</p>
</div>
</section>
<!-- ============ NOTES ============ -->
<section id="notes" class="cta">
<div class="grid-bg" aria-hidden="true"></div>
<div class="wrap cta-in reveal">
<p class="kicker">Lab notes</p>
<h2>Watch AI-run businesses<br>from the inside.</h2>
<p class="lead">Real digests, real failures, real numbers from the labs — and first access when new seats open.</p>
<form class="sub" data-sub action="/api/subscribe" method="post">
<label class="sr" for="cta-email">Work email</label>
<input id="cta-email" type="email" name="email" placeholder="you@company.com" autocomplete="email" required>
<input type="text" name="company" class="hp" tabindex="-1" autocomplete="off" aria-hidden="true">
<input type="hidden" name="source" value="v2-footer">
<button class="btn" type="submit"><span>Subscribe</span><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
<p class="sub-msg" role="status" aria-live="polite"></p>
</form>
<p class="fine">We keep your email only to send lab notes. No sharing, no selling.</p>
</div>
</section>
</main>
<footer class="foot">
<div class="wrap foot-in">
<p>© 2026 Shkor Labs LLC</p>
<nav aria-label="Footer">
<a href="https://cil.by" rel="noopener">Cooperative 42</a>
<a href="https://landing.cil.by" rel="noopener">Simbiot</a>
<a href="mailto:hello@shkor.com">hello@shkor.com</a>
</nav>
</div>
</footer>
<script>
(function () {
var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
// reveal on scroll
var els = document.querySelectorAll('.reveal');
if (reduce || !('IntersectionObserver' in window)) {
els.forEach(function (e) { e.classList.add('in'); });
} else {
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (en) { if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); } });
}, { rootMargin: '0px 0px -10% 0px' });
els.forEach(function (e, i) { e.style.setProperty('--d', (i % 4) * 70 + 'ms'); io.observe(e); });
}
// illustrative event stream in the hero
var log = document.getElementById('log');
var ev = [
['1s', 'telemetry', 'disk ok · queue ok'],
['1m', 'triage', 'new lead → sales lab'],
['1m', 'triage', 'invoice question → answered'],
['1h', 'task.done', 'weekly report sent'],
['1h', 'digest', 'hourly digest published'],
['1m', 'escalate', 'refund > limit → human'],
['1d', 'plan', 'tomorrow: 3 priorities'],
['1s', 'alert', 'site latency ↑ → retried'],
['1h', 'task.done', 'contract draft ready'],
['1d', 'manifest', 'risks + next steps']
];
var i = 0;
function push() {
var e = ev[i++ % ev.length], li = document.createElement('li');
li.innerHTML = '<code>' + e[0] + '</code><b>' + e[1] + '</b><span>' + e[2] + '</span>';
log.prepend(li);
while (log.children.length > 5) log.lastChild.remove();
}
for (var k = 0; k < 4; k++) push();
if (!reduce) setInterval(push, 1800);
// subscribe forms
document.querySelectorAll('form[data-sub]').forEach(function (f) {
f.addEventListener('submit', function (e) {
e.preventDefault();
var msg = f.querySelector('.sub-msg'), btn = f.querySelector('button');
btn.disabled = true; msg.textContent = 'Sending…'; msg.className = 'sub-msg';
fetch(f.action, { method: 'POST', body: new URLSearchParams(new FormData(f)) })
.then(function (r) { return r.json().then(function (j) { return { ok: r.ok, j: j }; }); })
.then(function (res) {
msg.textContent = res.ok ? 'You’re in. First lab notes are on their way.' : (res.j.error || 'Something went wrong.');
msg.className = 'sub-msg ' + (res.ok ? 'ok' : 'err');
if (res.ok) f.reset();
})
.catch(function () { msg.textContent = 'Network error — please try again.'; msg.className = 'sub-msg err'; })
.finally(function () { btn.disabled = false; });
});
});
})();
</script>
</body>
</html>