88 lines
2.8 KiB
HTML
88 lines
2.8 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||
<title>AI For Dummies — Models</title>
|
||
<link rel="stylesheet" href="../chapters.css" />
|
||
</head>
|
||
<body>
|
||
<main>
|
||
<header class="top">
|
||
<a href="../summary/">← ROUTE MAP</a><span>01 / MODELS</span
|
||
><a href="../full-guide/">field guide ↗</a>
|
||
</header>
|
||
<section class="hero">
|
||
<p class="eyebrow">Model routing</p>
|
||
<h1>Choose the<br /><em>engine.</em></h1>
|
||
<p>
|
||
A model has a capability ceiling. Effort controls how much room it gets to reason. Route
|
||
by uncertainty and verification cost.
|
||
</p>
|
||
</section>
|
||
<section class="grid">
|
||
<article class="card">
|
||
<b>LOW</b>
|
||
<h2>Bounded rhythm</h2>
|
||
<p>Lookup, small edits, formatting, and transformations with clear checks.</p>
|
||
</article>
|
||
<article class="card">
|
||
<b>MEDIUM</b>
|
||
<h2>Default work</h2>
|
||
<p>Normal implementation where the contract is clear but context matters.</p>
|
||
</article>
|
||
<article class="card">
|
||
<b>HIGH</b>
|
||
<h2>Ambiguity</h2>
|
||
<p>Planning, architecture, security judgment, and hard failures.</p>
|
||
</article>
|
||
</section>
|
||
<section class="model">
|
||
<div>
|
||
<p class="eyebrow">Two knobs</p>
|
||
<h2>Capability<br />× effort</h2>
|
||
</div>
|
||
<div class="panel">
|
||
<strong>ROUTING RULE</strong
|
||
><code
|
||
>strong model + high effort → frame ambiguity · light model + low effort → bounded
|
||
execution · raise one knob at a time → compare evidence</code
|
||
>
|
||
</div>
|
||
</section>
|
||
<section class="practice">
|
||
<div>
|
||
<p class="eyebrow">Sequence</p>
|
||
<h2>Spend judgment<br />where it <em>compounds.</em></h2>
|
||
</div>
|
||
<div class="steps">
|
||
<article>
|
||
<b>01</b>
|
||
<div>
|
||
<strong>Plan</strong
|
||
><span>Strong model: scope, risks, acceptance, and worktree split.</span>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<b>02</b>
|
||
<div>
|
||
<strong>Build</strong
|
||
><span>Focused worker: smallest context and lightest model that can pass.</span>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<b>03</b>
|
||
<div>
|
||
<strong>Review</strong
|
||
><span>Independent pass when missed issues cost more than the call.</span>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
<nav class="links">
|
||
<a href="../agents/">Next: agents & trees →</a><a href="../rules/">Rules case study →</a>
|
||
</nav>
|
||
</main>
|
||
</body>
|
||
</html>
|