kernel/kernel-nextjs-template — reverse-engineered prompt

Build me a small web app template that lets someone run browser automations by typing plain English tasks. I want a clean Next.js app that can create a cloud browser session, show the live browser view on the page, let the user type something like “go to Hacker News and tell me the top story”, then have an AI agent control the browser and return the result.

The page should have a clear header, a create browser button, a task box, a run button, the live browser preview, the final answer, and a way to open the detailed steps the agent took, including generated code or execution info. Add API routes for creating and closing the browser session and for running the agent task.

Use Kernel for the browser, OpenAI through the Vercel AI SDK for the agent, Tailwind and simple modern UI components. Include env setup for KERNEL_API_KEY and OPENAI_API_KEY, and make it ready to deploy on Vercel. Look up current docs online if you need to.