> ## Documentation Index
> Fetch the complete documentation index at: https://tbd-6fc993ce-hypeship-ia-how-it-works.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# cookbooks

> end-to-end recipes to teach agents to use the internet

export const CookbookSearch = () => {
  const [matches, setMatches] = useState(null);
  const handleInput = useCallback(e => {
    const q = e.target.value.trim().toLowerCase();
    let count = 0;
    document.querySelectorAll('#content .columns').forEach(section => {
      let sectionCount = 0;
      section.querySelectorAll('.card').forEach(card => {
        const hit = q === '' || card.textContent.toLowerCase().includes(q);
        card.style.display = hit ? '' : 'none';
        if (hit) sectionCount++;
      });
      const display = sectionCount > 0 ? '' : 'none';
      section.style.display = display;
      const heading = section.previousElementSibling;
      if (heading && heading.tagName === 'H2') heading.style.display = display;
      count += sectionCount;
    });
    setMatches(q === '' ? null : count);
  }, []);
  return <div style={{
    margin: '1.5rem 0 0.5rem'
  }}>
      <input type="search" placeholder="search cookbooks..." onInput={handleInput} aria-label="Search cookbooks" style={{
    width: '100%',
    padding: '0.625rem 0.875rem',
    fontSize: '0.9375rem',
    fontFamily: 'inherit',
    border: '1px solid rgba(128, 128, 128, 0.35)',
    borderRadius: '0.5rem',
    background: 'transparent',
    outline: 'none'
  }} />
      {matches === 0 && <p style={{
    marginTop: '1rem',
    opacity: 0.7
  }}>
          no cookbooks match your search.
        </p>}
    </div>;
};

Self-contained cookbooks to clone and run. Use as 1-click starts for your agents or as templates for your own build.

<CookbookSearch />

## Common patterns

<Columns className="responsive-columns" cols={3}>
  <Card title="Human-in-the-loop Credentials" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/hitl-creds.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=74bb2f7a5185348654a24a6f1589574d" href="/browsers/use-vault-credentials-in-browser-agent" width="985" height="867" data-path="images/cookbooks/hitl-creds.png">
    <div className="cookbook-tag">common patterns</div>
    Collect credentials from a human, then let your agent fill the form.
  </Card>

  <Card title="Agentic Payments" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/payments.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=aa98415c19add502301394bd6f0c4a81" href="/browsers/enable-payments-in-browser-agent" width="985" height="867" data-path="images/cookbooks/payments.png">
    <div className="cookbook-tag">common patterns</div>
    Enable Payments in a Browser Agent.
  </Card>

  <Card title="Playwright & Computer Use" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/playwright.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=08fc5cb4f0b9575524d4dd48f78a525e" href="/browsers/playwright-computer-use-fallback" width="985" height="867" data-path="images/cookbooks/playwright.png">
    <div className="cookbook-tag">common patterns</div>
    Using Playwright with computer use fallback.
  </Card>

  <Card title="Code Mode with WebMCP" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/code-mode.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=3434555dca26053325136c6bd991757b" href="/browsers/code-mode-webmcp" width="985" height="867" data-path="images/cookbooks/code-mode.png">
    <div className="cookbook-tag">common patterns</div>
    Use WebMCP for supported page actions and Browser REPL helpers for everything else.
  </Card>

  <Card title="Pausing for Captcha Solves" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/captcha-solving.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=4083c15df3df0b5f148efae269868bb5" href="/browsers/telemetry/pausing-for-captcha-solves" width="985" height="867" data-path="images/cookbooks/captcha-solving.png">
    <div className="cookbook-tag">common patterns</div>
    Hold an agent while Kernel's captcha solver works, and tell it what actually happened.
  </Card>
</Columns>

## Harnesses & models

<Columns className="responsive-columns" cols={3}>
  <Card title="Jev Browser Use" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/jev.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=6100ff35f21a177da1f4ecf84dad3c1f" href="https://github.com/kernel/browser-loop/tree/main/packages/browser-loop/examples/jev-system-one" width="985" height="867" data-path="images/cookbooks/jev.png">
    <div className="cookbook-tag">harnesses & models</div>
    Run a browser use loop with Jev System One.
  </Card>

  <Card title="AI SDK Agent" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/vercel.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=55c6656ab10fd8e9912d1de227765068" href="https://github.com/kernel/cookbooks/tree/main/integrations/ai-sdk-agent" width="985" height="867" data-path="images/cookbooks/vercel.png">
    <div className="cookbook-tag">harnesses & models</div>
    Browser automation with the Vercel AI SDK and KERNEL's Playwright execution API.
  </Card>

  <Card title="Tinker RL" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/tinker.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=1c48409a86618b11bced5ee57602a953" href="https://github.com/kernel/cookbooks/tree/main/integrations/tinker-rl" width="985" height="867" data-path="images/cookbooks/tinker.png">
    <div className="cookbook-tag">harnesses & models</div>
    RL training for computer use agents, using Tinker.
  </Card>

  <Card title="Mastra Web Task Assistant" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/mastra.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=6b0d6810be83c6630ef0eb78a76dbd1d" href="https://github.com/kernel/cookbooks/tree/main/integrations/mastra-web-task-assistant" width="985" height="867" data-path="images/cookbooks/mastra.png">
    <div className="cookbook-tag">harnesses & models</div>
    Human-in-the-loop web task assistant with memory, built on Mastra.
  </Card>

  <Card title="Jev Browser Use x Val Town" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/jev.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=6100ff35f21a177da1f4ecf84dad3c1f" href="https://www.val.town/x/kernel/jev-browser-use" width="985" height="867" data-path="images/cookbooks/jev.png">
    <div className="cookbook-tag">harnesses & models</div>
    Host a Jev browser use agent on Val Town.
  </Card>

  <Card title="Claude Managed Agents" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/claude.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=8eae7c62a078d33daa96b56c6041cb1e" href="https://github.com/kernel/cookbooks/tree/main/integrations/claude-managed-agents" width="985" height="867" data-path="images/cookbooks/claude.png">
    <div className="cookbook-tag">harnesses & models</div>
    Run parallel computer-use agent swarms, with API keys secured via Vaults.
  </Card>

  <Card title="Modal PR QA Agent" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/modal.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=af892905a54a994ea19cfb6baf564525" href="https://github.com/kernel/cookbooks/tree/main/integrations/modal-pr-qa-agent" width="985" height="867" data-path="images/cookbooks/modal.png">
    <div className="cookbook-tag">harnesses & models</div>
    QA your PR previews with Claude computer use on Modal, recorded with Replays.
  </Card>

  <Card title="Browser Use Model" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/browser-use.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=07b7396f91de3fc36ad101d1990a56e5" href="https://github.com/kernel/cookbooks/tree/main/integrations/browser-use-model" width="985" height="867" data-path="images/cookbooks/browser-use.png">
    <div className="cookbook-tag">harnesses & models</div>
    Run the Browser Use bu-1.0 model on KERNEL browser infrastructure.
  </Card>

  <Card title="Eve x KERNEL Managed Auth" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/vercel.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=55c6656ab10fd8e9912d1de227765068" href="https://vercel.com/kb/guide/build-a-browser-agent" width="985" height="867" data-path="images/cookbooks/vercel.png">
    <div className="cookbook-tag">harnesses & models</div>
    Build a browser agent with eve and KERNEL managed auth.
  </Card>

  <Card title="Stagehand Google CUA Agent" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/stagehand.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=db4e6c46c7522c1ef4f11c5d496bcdb7" href="https://github.com/kernel/cookbooks/tree/main/integrations/stagehand-google-cua-agent" width="985" height="867" data-path="images/cookbooks/stagehand.png">
    <div className="cookbook-tag">harnesses & models</div>
    Computer use agent with Google's Gemini 2.5 and Stagehand.
  </Card>

  <Card title="Claude Computer Use Loop" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/claude.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=8eae7c62a078d33daa96b56c6041cb1e" href="https://github.com/kernel/cookbooks/tree/main/integrations/claude-computer-use-loop" width="985" height="867" data-path="images/cookbooks/claude.png">
    <div className="cookbook-tag">harnesses & models</div>
    Minimal implementation of Anthropic's computer use loop.
  </Card>

  <Card title="Vibium" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/vibium.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=d9867d64646df0b569147af06b6b77c1" href="https://github.com/kernel/cookbooks/tree/main/integrations/vibium" width="985" height="867" data-path="images/cookbooks/vibium.png">
    <div className="cookbook-tag">harnesses & models</div>
    Vibium browser automation over WebDriver BiDi.
  </Card>

  <Card title="Modal Web Scraper" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/modal.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=af892905a54a994ea19cfb6baf564525" href="https://github.com/kernel/cookbooks/tree/main/integrations/modal-web-scraper" width="985" height="867" data-path="images/cookbooks/modal.png">
    <div className="cookbook-tag">harnesses & models</div>
    Scrape JS-rendered pages behind a login, on Modal with a KERNEL browser.
  </Card>

  <Card title="Eve x Foreman" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/vercel.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=55c6656ab10fd8e9912d1de227765068" href="https://vercel.com/kb/guide/software-factory-browser" width="985" height="867" data-path="images/cookbooks/vercel.png">
    <div className="cookbook-tag">harnesses & models</div>
    Give Vercel foreman access to a KERNEL browser for QA.
  </Card>

  <Card title="e2b" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/e2b.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=bba6a95567bacab75d4ef8c6adf2137f" href="https://docs.e2b.dev/use-cases/remote-browser" width="985" height="867" data-path="images/cookbooks/e2b.png">
    <div className="cookbook-tag">harnesses & models</div>
    Connect e2b sandboxes with KERNEL browsers.
  </Card>

  <Card title="fx, Co-located" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/vercel.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=55c6656ab10fd8e9912d1de227765068" href="https://github.com/kernel/cookbooks/tree/main/integrations/fx-colocated-agent" width="985" height="867" data-path="images/cookbooks/vercel.png">
    <div className="cookbook-tag">harnesses & models</div>
    Run Vercel's fx agent inside a KERNEL browser VM, co-located with the browser it drives.
  </Card>

  <Card title="e2e Web Testing" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/e2e.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=96daea1c07ca0ed2d831f990f55f3c16" href="https://github.com/kernel/cookbooks/tree/main/integrations/e2e-kernel" width="985" height="867" data-path="images/cookbooks/e2e.png">
    <div className="cookbook-tag">harnesses & models</div>
    Run agentic and deterministic end-to-end checks in a KERNEL browser with e2e.
  </Card>

  <Card title="Personal Shopper with Link and Eve" img="https://mintcdn.com/tbd-6fc993ce-hypeship-ia-how-it-works/dBwbCyoMBAvxcRQ-/images/cookbooks/link-eve.png?fit=max&auto=format&n=dBwbCyoMBAvxcRQ-&q=85&s=a539de66568d52436d4aafa1197d6eac" href="https://github.com/stripe-samples/agents/tree/main/personal-shopper" width="985" height="867" data-path="images/cookbooks/link-eve.png">
    <div className="cookbook-tag">harnesses & models</div>
    Build a Link and Eve agent that browses with KERNEL and uses a Link wallet for approved purchases.
  </Card>
</Columns>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.