> ## Documentation Index
> Fetch the complete documentation index at: https://tbd-6fc993ce-hypeship-document-vault-webmcp.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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/hitl-creds.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=5223b3e1352fb3268014bf09303ccb58" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/payments.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=99203710ef61088819bb70f0fea24a8e" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/playwright.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=6a9792e74ed5efd695c1d5ac4710ebfb" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/code-mode.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=32e2fe9329950a210f56f77e417c9891" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/captcha-solving.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=4172cb2e91a37ce2e9f0039a80b9f5a2" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/jev.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=2a9ee1e537168144825f9cd7bfd5c78e" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/vercel.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=0faca8d3d7a98606242fe7f161da79c0" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/tinker.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=e0d04dafceaf7be0f473f9e5b2404eda" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/mastra.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=b951072f229e872fc4e26b53c23279a9" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/jev.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=2a9ee1e537168144825f9cd7bfd5c78e" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/claude.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=b8f0a0ff977d307bd7848e3f2e59bf8f" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/modal.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=821741632ec6be70da7e4e5862eb4dc5" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/browser-use.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=de2a9ed5f0381383ecfcf4f16d32a6fe" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/vercel.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=0faca8d3d7a98606242fe7f161da79c0" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/stagehand.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=bbfcd78a0d4ea5523024a77c68af64cd" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/claude.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=b8f0a0ff977d307bd7848e3f2e59bf8f" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/vibium.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=bcff0971abb9b276e92f86f244b21636" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/modal.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=821741632ec6be70da7e4e5862eb4dc5" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/vercel.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=0faca8d3d7a98606242fe7f161da79c0" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/e2b.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=c6773660b3bfd2bc9a29633a57f31685" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/vercel.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=0faca8d3d7a98606242fe7f161da79c0" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/e2e.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=d98e59d6d7046c7a27dc5df5dece7a4d" 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-document-vault-webmcp/xDBjAzNbrM67eJ5n/images/cookbooks/link-eve.png?fit=max&auto=format&n=xDBjAzNbrM67eJ5n&q=85&s=55cb1e7206ff70296a5d65296c158d5d" 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.