Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
102 changes: 60 additions & 42 deletions cookbooks.mdx
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
---
title: "cookbooks"
sidebarTitle: "Cookbooks"
description: "end-to-end recipes to teach agents to use the internet"
mode: "wide"
---
Expand All @@ -13,22 +14,22 @@ import { CookbookSearch } from '/snippets/cookbook-search.jsx';
## Common patterns

<Columns className="responsive-columns" cols={3}>
<Card title="Human-in-the-loop Credentials" img="/images/cookbooks/hitl-creds.png" 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="/images/cookbooks/payments.png" href="/browsers/enable-payments-in-browser-agent">
<div className="cookbook-tag">common patterns</div>
Enable Payments in a Browser Agent.
</Card>
<Card title="Playwright & Computer Use" img="/images/cookbooks/playwright.png" href="/browsers/playwright-computer-use-fallback">
<div className="cookbook-tag">common patterns</div>
Using Playwright with computer use fallback.
</Card>
<Card title="Human-in-the-loop Credentials" img="/images/cookbooks/hitl-creds.png" 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="Code Mode with WebMCP" img="/images/cookbooks/code-mode.png" href="/browsers/code-mode-webmcp">
<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="/images/cookbooks/payments.png" href="/browsers/enable-payments-in-browser-agent">
<div className="cookbook-tag">common patterns</div>
Enable Payments in a Browser Agent.
</Card>
<Card title="Pausing for Captcha Solves" img="/images/cookbooks/captcha-solving.png" href="/browsers/telemetry/pausing-for-captcha-solves">
<div className="cookbook-tag">common patterns</div>
Hold an agent while Kernel's captcha solver works, and tell it what actually happened.
Expand All @@ -37,77 +38,94 @@ import { CookbookSearch } from '/snippets/cookbook-search.jsx';

## Harnesses & models

### Computer use models

<Columns className="responsive-columns" cols={3}>
<Card title="Jev Browser Use" img="/images/cookbooks/jev.png" href="https://github.com/kernel/browser-loop/tree/main/packages/browser-loop/examples/jev-system-one">
<Card title="Claude Computer Use Loop" img="/images/cookbooks/claude.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/claude-computer-use-loop">
<div className="cookbook-tag">harnesses & models</div>
Run a browser use loop with Jev System One.
Minimal implementation of Anthropic's computer use loop.
</Card>
<Card title="AI SDK Agent" img="/images/cookbooks/vercel.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/ai-sdk-agent">
<Card title="Stagehand Google CUA Agent" img="/images/cookbooks/stagehand.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/stagehand-google-cua-agent">
<div className="cookbook-tag">harnesses & models</div>
Browser automation with the Vercel AI SDK and KERNEL's Playwright execution API.
Computer use agent with Google's Gemini 2.5 and Stagehand.
</Card>
<Card title="Browser Use Model" img="/images/cookbooks/browser-use.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/browser-use-model">
<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="/images/cookbooks/jev.png" href="https://github.com/kernel/browser-loop/tree/main/packages/browser-loop/examples/jev-system-one">
<div className="cookbook-tag">harnesses & models</div>
Run a browser use loop with Jev System One.
</Card>
<Card title="Tinker RL" img="/images/cookbooks/tinker.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/tinker-rl">
<div className="cookbook-tag">harnesses & models</div>
RL training for computer use agents, using Tinker.
</Card>
<Card title="Mastra Web Task Assistant" img="/images/cookbooks/mastra.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/mastra-web-task-assistant">
</Columns>

### Agent and automation frameworks

<Columns className="responsive-columns" cols={3}>
<Card title="AI SDK Agent" img="/images/cookbooks/vercel.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/ai-sdk-agent">
<div className="cookbook-tag">harnesses & models</div>
Human-in-the-loop web task assistant with memory, built on Mastra.
Browser automation with the Vercel AI SDK and KERNEL's Playwright execution API.
</Card>
<Card title="Jev Browser Use x Val Town" img="/images/cookbooks/jev.png" href="https://www.val.town/x/kernel/jev-browser-use">
<Card title="Mastra Web Task Assistant" img="/images/cookbooks/mastra.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/mastra-web-task-assistant">
<div className="cookbook-tag">harnesses & models</div>
Host a Jev browser use agent on Val Town.
Human-in-the-loop web task assistant with memory, built on Mastra.
</Card>
<Card title="Claude Managed Agents" img="/images/cookbooks/claude.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/claude-managed-agents">
<Card title="e2e Web Testing" img="/images/cookbooks/e2e.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/e2e-kernel">
<div className="cookbook-tag">harnesses & models</div>
Run parallel computer-use agent swarms, with API keys secured via Vaults.
Run agentic and deterministic end-to-end checks in a KERNEL browser with e2e.
</Card>
<Card title="Modal PR QA Agent" img="/images/cookbooks/modal.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/modal-pr-qa-agent">
<Card title="Vibium" img="/images/cookbooks/vibium.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/vibium">
<div className="cookbook-tag">harnesses & models</div>
QA your PR previews with Claude computer use on Modal, recorded with Replays.
Vibium browser automation over WebDriver BiDi.
</Card>
<Card title="Browser Use Model" img="/images/cookbooks/browser-use.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/browser-use-model">
</Columns>

### Hosted agents

<Columns className="responsive-columns" cols={3}>
<Card title="Claude Managed Agents" img="/images/cookbooks/claude.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/claude-managed-agents">
<div className="cookbook-tag">harnesses & models</div>
Run the Browser Use bu-1.0 model on KERNEL browser infrastructure.
Run parallel computer-use agent swarms, with API keys secured via Vaults.
</Card>
<Card title="Eve x KERNEL Managed Auth" img="/images/cookbooks/vercel.png" href="https://vercel.com/kb/guide/build-a-browser-agent">
<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="/images/cookbooks/stagehand.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/stagehand-google-cua-agent">
<Card title="Personal Shopper with Link and Eve" img="/images/cookbooks/link-eve.png" href="https://github.com/stripe-samples/agents/tree/main/personal-shopper">
<div className="cookbook-tag">harnesses & models</div>
Computer use agent with Google's Gemini 2.5 and Stagehand.
Build a Link and Eve agent that browses with KERNEL and uses a Link wallet for approved purchases.
</Card>
<Card title="Claude Computer Use Loop" img="/images/cookbooks/claude.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/claude-computer-use-loop">
<Card title="Eve x Foreman" img="/images/cookbooks/vercel.png" href="https://vercel.com/kb/guide/software-factory-browser">
<div className="cookbook-tag">harnesses & models</div>
Minimal implementation of Anthropic's computer use loop.
Give Vercel foreman access to a KERNEL browser for QA.
</Card>
<Card title="Vibium" img="/images/cookbooks/vibium.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/vibium">
<Card title="fx, Co-located" img="/images/cookbooks/vercel.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/fx-colocated-agent">
<div className="cookbook-tag">harnesses & models</div>
Vibium browser automation over WebDriver BiDi.
Run Vercel's fx agent inside a KERNEL browser VM, co-located with the browser it drives.
</Card>
<Card title="Modal Web Scraper" img="/images/cookbooks/modal.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/modal-web-scraper">
</Columns>

### Sandboxes and platforms

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cookbook search ignores new headings

Medium Severity

Harness recipes now sit under H3 groups, but CookbookSearch only toggles a section heading when the previous sibling is an H2. Filtering therefore leaves empty headings such as Harnesses & models and Computer use models on screen after cards are hidden.

Fix in Cursor Fix in Web

Reviewed by Cursor Bugbot for commit e5f64ef. Configure here.


<Columns className="responsive-columns" cols={3}>
<Card title="Modal PR QA Agent" img="/images/cookbooks/modal.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/modal-pr-qa-agent">
<div className="cookbook-tag">harnesses & models</div>
Scrape JS-rendered pages behind a login, on Modal with a KERNEL browser.
QA your PR previews with Claude computer use on Modal, recorded with Replays.
</Card>
<Card title="Eve x Foreman" img="/images/cookbooks/vercel.png" href="https://vercel.com/kb/guide/software-factory-browser">
<Card title="Modal Web Scraper" img="/images/cookbooks/modal.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/modal-web-scraper">
<div className="cookbook-tag">harnesses & models</div>
Give Vercel foreman access to a KERNEL browser for QA.
Scrape JS-rendered pages behind a login, on Modal with a KERNEL browser.
</Card>
<Card title="e2b" img="/images/cookbooks/e2b.png" href="https://docs.e2b.dev/use-cases/remote-browser">
<div className="cookbook-tag">harnesses & models</div>
Connect e2b sandboxes with KERNEL browsers.
</Card>
<Card title="fx, Co-located" img="/images/cookbooks/vercel.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/fx-colocated-agent">
<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="/images/cookbooks/e2e.png" href="https://github.com/kernel/cookbooks/tree/main/integrations/e2e-kernel">
<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="/images/cookbooks/link-eve.png" href="https://github.com/stripe-samples/agents/tree/main/personal-shopper">
<Card title="Jev Browser Use x Val Town" img="/images/cookbooks/jev.png" href="https://www.val.town/x/kernel/jev-browser-use">
<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.
Host a Jev browser use agent on Val Town.
Comment thread
cursor[bot] marked this conversation as resolved.
</Card>
</Columns>
123 changes: 11 additions & 112 deletions docs.json
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
{ "source": "/careers/customer-engineer", "destination": "https://jobs.ashbyhq.com/usekernel" },
{ "source": "/browsers/bot-detection/hcaptcha", "destination": "/browsers/bot-detection/stealth#hcaptcha-beta" },
{ "source": "/apps/secrets", "destination": "/apps/deploy#secrets" },
{ "source": "/integrations/vercel/foreman", "destination": "/cookbooks/eve-foreman" },
{ "source": "/apps/stop", "destination": "/apps/invoke#stop-an-invocation" },
{ "source": "/auth/agent/overview", "destination": "/auth/managed-auth" },
{ "source": "/auth/agent/hosted-ui", "destination": "/auth/hosted-ui" },
Expand Down Expand Up @@ -46,7 +47,7 @@
{ "source": "/browsers/pools/overview", "destination": "/browsers/pools" },
{ "source": "/browsers/pools/faq", "destination": "/browsers/pools" },
{ "source": "/introduction", "destination": "/" },
{ "source": "/quickstart", "destination": "/" },
{ "source": "/quickstart", "destination": "/start/quickstart" },
{ "source": "/home", "destination": "/" },
{ "source": "/llm.md", "destination": "/integrations/stripe-projects" },
{ "source": "/llm-browser.md", "destination": "/integrations/stripe-projects-browser" },
Expand Down Expand Up @@ -121,6 +122,15 @@
"index"
]
},
{
"group": "Start building",
"pages": [
"start/quickstart",
"skills/overview",
"integrations/overview",
"cookbooks"
]
},
{
"group": "How it works",
"pages": [
Expand Down Expand Up @@ -275,78 +285,6 @@
}
]
},
{
"group": "Integrations",
"pages": [
"integrations/overview",
"integrations/browser-use",
{
"group": "Claude",
"icon": "/images/integration-icons/claude.svg",
"pages": [
"integrations/claude/overview",
"integrations/claude/claude-code-and-desktop",
"integrations/claude/claude-agent-sdk",
"integrations/claude/claude-managed-agents"
]
},
{
"group": "Computer Use Models",
"icon": "/images/integration-icons/computer-cursor-rounded.svg",
"pages": [
"integrations/computer-use/overview",
"integrations/computer-use/anthropic",
"integrations/computer-use/gemini",
"integrations/computer-use/openagi",
"integrations/computer-use/openai",
"integrations/computer-use/tzafon",
"integrations/computer-use/yutori"
]
},
"integrations/docker-sandboxes",
"integrations/e2e",
"integrations/hermes-agent",
"integrations/laminar",
"integrations/replit",
"integrations/stagehand",
{
"group": "Stripe Projects",
"icon": "/images/integration-icons/stripe.svg",
"pages": [
"integrations/stripe-projects",
"integrations/stripe-projects-browser"
]
},
"integrations/terraform",
"integrations/valtown",
{
"group": "Vercel",
"icon": "/images/integration-icons/vercel.svg",
"pages": [
"integrations/vercel/overview",
"integrations/vercel/agent-browser",
"integrations/vercel/ai-sdk",
"integrations/vercel/marketplace",
"integrations/vercel/eve-extension",
"integrations/vercel/foreman",
"integrations/vercel/fx"
]
},
"integrations/vibium",
"integrations/1password"
]
},
{
"group": "Agent Skills",
"pages": [
"skills/overview",
"skills/kernel-cli",
"skills/bot-detection",
"skills/profiles",
"skills/kernel-auth",
"skills/create-site-skills"
]
},
{
"group": "Community",
"pages": [
Expand All @@ -372,45 +310,6 @@
"tab": "API Reference",
"openapi": "https://api.onkernel.com/spec.json"
},
{
"tab": "Cookbooks",
"pages": [
"cookbooks",
{
"group": "Common Patterns",
"pages": [
"browsers/playwright-computer-use-fallback",
"browsers/code-mode-webmcp",
"browsers/telemetry/pausing-for-captcha-solves",
"browsers/enable-payments-in-browser-agent",
"browsers/use-vault-credentials-in-browser-agent"
]
},
{
"group": "Harnesses & Models",
"pages": [
"cookbooks/ai-sdk-agent",
"cookbooks/browser-use-model",
"cookbooks/claude-managed-agents",
"cookbooks/claude-computer-use-loop",
"cookbooks/e2b",
"cookbooks/e2e-kernel",
"cookbooks/eve-foreman",
"cookbooks/eve-managed-auth",
"cookbooks/fx-colocated-agent",
"cookbooks/jev-browser-use",
"cookbooks/jev-browser-use-val-town",
"cookbooks/mastra-web-task-assistant",
"cookbooks/modal-web-scraper",
"cookbooks/modal-pr-qa-agent",
"cookbooks/personal-shopper",
"cookbooks/stagehand-google-cua-agent",
"cookbooks/tinker-rl",
"cookbooks/vibium"
]
}
]
},
{
"tab": "CLI",
"groups": [
Expand Down
4 changes: 4 additions & 0 deletions images/integration-icons/openagi.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions images/integration-icons/openai.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading