Switch to @onkernel/cu-playwright package and template refactoring

[bigboateng]

Description

🔄 Implementation Changes

• Switched from custom inline implementation to @onkernel/cu-playwright package

📦 Template Restructuring

• Renamed templates/python/computer-use → templates/python/claude-cu
• Renamed templates/typescript/anthropic-computer-use → templates/typescript/claude-cu
• Both Python and TypeScript now use the same template name: claude-cu (shorter and cleaner)

Updated app names for consistency:
Python: python-cu → python-claude-cu
TypeScript: ts-anthropic-cu → ts-claude-cu

# Unified template name
npx create-kernel-app my-app --template claude-cu --language python
npx create-kernel-app my-app --template claude-cu --language typescript

Implementation Checklist

• Implemented this change in TypeScript
• Implemented this change in Python (updated app name and template structure)

Everything below is not applicable

Testing

• All tests pass locally
• Linted
• Added tests for new functionality (if applicable)

Docs

• Link to a PR in our docs repo documenting your change (if applicable)

Visual Proof

1. Template selection of ts-claude-cuI

2. Successful deployment of the template generated ts app

3. *Sucessful run of a query *

Related Issue

maybe related?

Additional Notes

• Used git mv to preserve file history during template renames for python

[juecd]

I think we still want to include a cu sample app in create-kernel-app, so kernel invoke ts-cu cu-task --payload '{"query": "Search for the top 3 restaurants in NYC according to Pete Wells"}' still works. But it should reference our published SDK instead. Does that make sense? e.g. in /typescript/cu the repo should basically be:

// index.ts
import { ComputerUseAgent } from '@onkernel/cu-playwright-ts';
const agent = new ComputerUseAgent({
  apiKey: process.env.ANTHROPIC_API_KEY!,
  page,
});
const answer = await agent.execute(payload.query); // payload from app.action("cu-task"), ...

[bigboateng]

I think we still want to include a cu sample app in create-kernel-app, so kernel invoke ts-cu cu-task --payload '{"query": "Search for the top 3 restaurants in NYC according to Pete Wells"}' still works. But it should reference our published SDK instead. Does that make sense? e.g. in /typescript/cu the repo should basically be:

// index.ts
import { ComputerUseAgent } from '@onkernel/cu-playwright-ts';
const agent = new ComputerUseAgent({
  apiKey: process.env.ANTHROPIC_API_KEY!,
  page,
});
const answer = await agent.execute(payload.query); // payload from app.action("cu-task"), ...

Yep working on the cu sample here #42 should we put that in this pr too? I thought seperating will be cleaner

[bigboateng]

@juecd made the changes

[mesa-dot-dev]

What Changed

This PR overhauls the computer-use templates. The key change is the removal of the custom implementation in templates/typescript/computer-use and its replacement with a new, simpler template that leverages the @onkernel/cu-playwright package. For consistency, both the Python and TypeScript templates have been renamed to claude-cu, providing a unified name for users of create-kernel-app. The new TypeScript template also introduces modern tooling like ESLint and Prettier, improving code quality.

Risks / Concerns

This is a fantastic refactor that simplifies the codebase by abstracting complex logic into the @onkernel/cu-playwright package. The changes are well-structured and significantly improve the developer experience by unifying the template names. The only minor point of feedback was a suggestion to fully delete a _gitignore file instead of leaving it empty in a removed template directory, which is a trivial cleanup. No significant risks were identified.

^{25 files reviewed | 1 comments | Review on Mesa | Edit Reviewer Settings}

[mesa-dot-dev]

Since this entire template directory is being removed in favor of the new claude-cu template, this file should probably be deleted entirely rather than just emptied. An empty gitignore file in a deprecated template directory doesn't serve any purpose.

^{Type: Logic | Severity: Low}

[mesa-dot-dev]

Performed full review of 60a2f40...c3daf6c

^{25 files reviewed | 0 comments | Review on Mesa | Edit Reviewer Settings}