> ## Documentation Index
> Fetch the complete documentation index at: https://tbd-6fc993ce-hypeship-mcp-vault-tools-docs.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="Playwright & Computer Use" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/playwright.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=ecc454ce4145e57b31db457cfd14b810" 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="Human-in-the-loop Credentials" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/hitl-creds.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=4d8b1b388f65e763a5b349996412fda5" 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="Code Mode with WebMCP" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/code-mode.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=446caed79a35c1d42a2e808106d55e4e" 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="Agentic Payments" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/payments.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=17fee1a5db3e7fd1242f8f812f8afc37" 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="Pausing for Captcha Solves" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/captcha-solving.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=b6e800db89315aa870258e15caa0ef70" 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

### Computer use models

<Columns className="responsive-columns" cols={3}>
  <Card title="Claude Computer Use Loop" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/claude.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=72a9ed0c7c9a66c17ef3fe02adfa6654" 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="Stagehand Google CUA Agent" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/stagehand.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=704a22dda3a54ecefdb6da296cac99bd" 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="Browser Use Model" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/browser-use.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=d202c30b300e26555a4eaea14b39a236" 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="Jev Browser Use" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/jev.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=621a962c807f5c4444996e735a010540" 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="Tinker RL" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/tinker.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=2ebc62c8fa1deb767d84608dc269681a" 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>
</Columns>

### Agent and automation frameworks

<Columns className="responsive-columns" cols={3}>
  <Card title="AI SDK Agent" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/vercel.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=a3125b7c0fd93892f754d4c646502fde" 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="Mastra Web Task Assistant" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/mastra.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=b4da0556a9e7fd016349e4ff2fbec073" 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="e2e Web Testing" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/e2e.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=79abfb48588fb54204b69b7f27a626e3" 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="Vibium" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/vibium.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=14f4621cd2948cc35aa6ec5d8bec485b" 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>
</Columns>

### Hosted agents

<Columns className="responsive-columns" cols={3}>
  <Card title="Claude Managed Agents" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/claude.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=72a9ed0c7c9a66c17ef3fe02adfa6654" 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="Eve x KERNEL Managed Auth" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/vercel.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=a3125b7c0fd93892f754d4c646502fde" 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="Personal Shopper with Link and Eve" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/link-eve.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=de824c412798e69c1e2cb66c82b21c6c" 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>

  <Card title="Eve x Foreman" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/vercel.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=a3125b7c0fd93892f754d4c646502fde" 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="fx, Co-located" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/vercel.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=a3125b7c0fd93892f754d4c646502fde" 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>
</Columns>

### Sandboxes and platforms

<Columns className="responsive-columns" cols={3}>
  <Card title="Modal PR QA Agent" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/modal.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=6c88ef97f4eaffba1d5cc324f8158552" 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="Modal Web Scraper" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/modal.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=6c88ef97f4eaffba1d5cc324f8158552" 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="e2b" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/e2b.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=540ed4d0d89f6d06e8a5d3a7bbb8380d" 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="Jev Browser Use x Val Town" img="https://mintcdn.com/tbd-6fc993ce-hypeship-mcp-vault-tools-docs/Lhh3Xcj2iNUtq9DS/images/cookbooks/jev.png?fit=max&auto=format&n=Lhh3Xcj2iNUtq9DS&q=85&s=621a962c807f5c4444996e735a010540" 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>
</Columns>


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