> ## Documentation Index
> Fetch the complete documentation index at: https://tbd-6fc993ce-hypeship-clarify-payment-guide.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 getCards = () => {
    const anchors = Array.from(document.querySelectorAll('a[href^="https://github.com/kernel/cookbooks/tree/main/"]')).filter(a => !a.closest('nav') && !a.closest('aside'));
    const cards = anchors.map(a => a.closest('.card') || a);
    return Array.from(new Set(cards));
  };
  const handleInput = useCallback(e => {
    const q = e.target.value.trim().toLowerCase();
    const cards = getCards();
    let count = 0;
    cards.forEach(card => {
      const hit = q === '' || card.textContent.toLowerCase().includes(q);
      card.style.display = hit ? '' : 'none';
      if (hit) count++;
    });
    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 />

<Columns className="responsive-columns" cols={3}>
  <Card title="Human-in-the-loop Credentials" icon="key" href="/browsers/use-vault-credentials-in-browser-agent">
    <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-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/payments.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=6c70409a3a054dc3882f54d8c549ffa4" 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="AI SDK Agent" img="https://mintcdn.com/tbd-6fc993ce-hypeship-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/vercel.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=dcaa6d8d67c5bcecfd6d7dbd446bbce8" 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-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/tinker.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=1413c5d9c91496bcee933cacd78f14c4" 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-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/mastra.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=5757b24828ac417e54698de92ee76483" 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="Claude Managed Agents" img="https://mintcdn.com/tbd-6fc993ce-hypeship-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/claude.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=740d2ad21552e3928fc88c732ea6bc92" 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-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/modal.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=89fb609987a3d3136ca957c9d35696fb" 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-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/browser-use.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=e03e9c30658d5ef2ebce80c401bc17c3" 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-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/vercel.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=dcaa6d8d67c5bcecfd6d7dbd446bbce8" 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="Playwright & Computer Use" img="https://mintcdn.com/tbd-6fc993ce-hypeship-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/playwright.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=0a887d7e61341c68f6500bef595aa846" 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="Pausing for Captcha Solves" img="https://mintcdn.com/tbd-6fc993ce-hypeship-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/captcha-solving.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=eb4fa4d53248fd74d81b3a89c8af03f0" 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>

  <Card title="Stagehand Google CUA Agent" img="https://mintcdn.com/tbd-6fc993ce-hypeship-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/stagehand.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=8f306d2e082adbfd7f3160318f5fdc82" 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-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/claude.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=740d2ad21552e3928fc88c732ea6bc92" 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-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/vibium.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=0ecb89b98476a9589a4ef3e06acb6621" 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-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/modal.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=89fb609987a3d3136ca957c9d35696fb" 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-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/vercel.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=dcaa6d8d67c5bcecfd6d7dbd446bbce8" 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-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/e2b.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=ec5ba6ebe71ab4dd787f6ef61059ee12" 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-clarify-payment-guide/zsZjAW9LMwnd-h4u/images/cookbooks/vercel.png?fit=max&auto=format&n=zsZjAW9LMwnd-h4u&q=85&s=dcaa6d8d67c5bcecfd6d7dbd446bbce8" 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>
