crux / index.html
aayu-outdooragi's picture
Resolve directory links for static hosting
9152148 verified
Raw
History Blame Contribute Delete
8.69 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="Crux gives AI agents a question layer before they commit. It works inside the tools your team already uses."
/>
<meta name="theme-color" content="#f5f0e6" />
<meta property="og:title" content="Crux — Give your agent a question layer" />
<meta
property="og:description"
content="Surface the gap between what an agent assumes and what the work actually requires."
/>
<title>Crux — Give your agent a question layer</title>
<link rel="icon" href="./assets/favicon.svg" type="image/svg+xml" />
<link rel="stylesheet" href="./assets/styles.css" />
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>
<header class="site-header">
<nav class="nav" aria-label="Primary navigation">
<a class="brand" href="./index.html" aria-label="Crux home">
<span class="brand-mark" aria-hidden="true"></span>
<span>Crux</span>
</a>
<button
class="menu-button"
type="button"
aria-expanded="false"
aria-controls="primary-links"
data-menu-button
>
Menu
</button>
<div class="nav-links" id="primary-links" data-nav-links data-open="false">
<a href="./builders/index.html">For builders</a>
<a href="./decision-work/index.html">For decision work</a>
<a href="./research/index.html">Research</a>
<a href="./projects/index.html">Projects</a>
<a class="button button-small" href="./join/index.html">Request preview</a>
</div>
</nav>
</header>
<main id="main">
<section class="shell hero">
<div class="hero-copy">
<p class="eyebrow">Private research preview</p>
<h1>Give your agent a question layer.</h1>
<p class="lede">
Crux installs where your agent already runs. Before it commits, Crux
surfaces the gap between what the agent assumes and what the work
actually requires—then asks the smallest useful question.
</p>
<div class="actions">
<a class="button button-accent" href="./join/index.html">Join the allowlist <span></span></a>
<a class="button button-secondary" href="#choose">Choose your workflow</a>
</div>
</div>
<aside class="signal-card" aria-label="Example Crux question">
<div class="signal-bar">
<span>Crux · plan gap</span>
<span class="signal-dot" aria-hidden="true"></span>
</div>
<div class="signal-body">
<p class="signal-question">
Is the launch optimizing for adoption this quarter, or a reusable
platform next year?
</p>
<p class="signal-context">
Why this matters: the current plan assumes both. The answer changes
the architecture, scope, and acceptance test.
</p>
<div class="signal-options" aria-hidden="true">
<div class="signal-option">Adoption now</div>
<div class="signal-option">Reusable platform</div>
<div class="signal-option">Name the tradeoff explicitly</div>
</div>
</div>
</aside>
</section>
<section class="section" id="choose">
<div class="shell">
<div class="section-head">
<div>
<p class="eyebrow">One engine, different jobs</p>
<h2>Start at your altitude.</h2>
</div>
<p>
Crux changes its interface and vocabulary for the work in front of
you. The underlying loop stays the same: expose uncertainty, ask,
update, act, and learn.
</p>
</div>
<div class="grid grid-2">
<a class="card card-link" href="./builders/index.html">
<span class="card-arrow" aria-hidden="true"></span>
<p class="card-kicker">Product managers · Solution architects</p>
<h3>Turn ambiguity into a buildable, testable plan.</h3>
<p>
Connect goals, requirements, architecture, tickets, and evidence.
Let Crux catch the consequential assumption before it becomes rework.
</p>
</a>
<a class="card card-link" href="./decision-work/index.html">
<span class="card-arrow" aria-hidden="true"></span>
<p class="card-kicker">Consultants · MBAs · AI users</p>
<h3>Get to the decision beneath the document.</h3>
<p>
Use your existing AI tools for diligence, strategy, and client work
while Crux asks what would actually change the recommendation.
</p>
</a>
</div>
</div>
</section>
<section class="section">
<div class="shell">
<div class="section-head">
<div>
<p class="eyebrow">What exists now</p>
<h2>Integration first.</h2>
</div>
<p>
V1 uses the mechanisms agent tools already expose—hooks, skills,
plugins, and MCP—so teams can experience better questions without
moving into another workspace.
</p>
</div>
<div class="steps">
<article class="step">
<h3>Install beside the agent</h3>
<p>Start with a hook or skill in the environment where work already happens.</p>
</article>
<article class="step">
<h3>Detect the missing decision</h3>
<p>Compare the goal, available evidence, and proposed action for a material gap.</p>
</article>
<article class="step">
<h3>Ask only what changes the plan</h3>
<p>Route one high-value question to the person who can answer it.</p>
</article>
<article class="step">
<h3>Carry the answer forward</h3>
<p>Update the artifact, preserve the decision, and evaluate the outcome.</p>
</article>
</div>
</div>
</section>
<section class="section">
<div class="shell grid grid-2">
<article class="card">
<span class="status">Preview</span>
<h3>Questions before actions</h3>
<p>
Hooks and skills that surface hidden requirements, tradeoffs, and
success criteria inside existing agent workflows.
</p>
</article>
<article class="card">
<span class="status status-roadmap">Research roadmap</span>
<h3>Mechanistic signals and bounded steering</h3>
<p>
Open-model research asks whether internal state can make the ask,
act, or halt decision more precise. It is experimental—not a feature
claim for the current preview.
</p>
</article>
</div>
</section>
<section class="section">
<div class="shell callout">
<div>
<p class="eyebrow">Bring one consequential workflow</p>
<h2>Find the question it turns on.</h2>
<p>
Private-preview access is provisioned manually. Founder-led
deployments are available for teams that want a custom integration
and measured learning loop.
</p>
</div>
<a class="button" href="./join/index.html">Request access <span></span></a>
</div>
</section>
</main>
<footer class="site-footer">
<div class="shell footer-grid">
<div>
<a class="brand" href="./index.html">
<span class="brand-mark" aria-hidden="true"></span>
<span>Crux</span>
</a>
<p class="fine-print">Questions now. Transparent research next.</p>
</div>
<div class="footer-links">
<a href="./research/index.html">Research</a>
<a href="./projects/index.html">Projects</a>
<a href="https://github.com/aayush-complide/cli">GitHub</a>
<a href="mailto:preview@getthecrux.com">Contact</a>
</div>
<p class="fine-print">© <span data-year></span> Crux</p>
</div>
</footer>
<script src="./assets/site.js" defer></script>
</body>
</html>