A minimal web GUI for coding agents

Ship code with AI agents.

Chat with Codex and Claude in real time. Every thread runs in its own git worktree. Review diffs, run terminals, and deploy — all from one interface.

npx okcodes
Download Desktop
Projects
acme-app3m
refactor auth flow
Files
Search files
src
components
auth-form.tsx
dashboard.tsx
lib
app.tsx
package.json
tsconfig.json
PR Review
Merge Conflicts
File View
Settings
refactor auth flowacme-app
feat/auth-refactor

Refactor the auth form to use server actions and add proper validation

I'll refactor the auth form to use Next.js server actions with Zod validation. Let me start by updating the form component.

Edited 3 files+47 -23

Done. The auth form now uses useActionState with a server action that validates input through authSchema. Error messages render inline per field.

RESPONSE · 8S
Ask anything, @tag files, or / for commands
Claude|Chat|Full access
auth-form.tsxapi.tsschema.ts
1 "use server";
2
3+import { z } from "zod";
4+import { authSchema } from "./schema";
5
6-export async function login(data) {
6+export async function login(
7+ _prev: unknown,
8+ formData: FormData
9+) {
10+ const parsed = authSchema.safeParse({
11+ email: formData.get("email"),
12+ password: formData.get("pass"),
13+ });
14
15+ if (!parsed.success) {
16+ return { errors: parsed.error.flatten() };
17+ }
+47-233 files
RejectAccept

Features

Everything you need

Codex and Claude, one interface

Switch providers per thread. Stream responses in real time. Attach images, terminal output, or file context.

Every thread, its own worktree

Each conversation runs in an isolated git worktree. Your main branch stays clean. Merge when ready.

Review every change

Inline and side-by-side diffs with syntax highlighting. Accept or reject changes per file before committing.

Built-in terminal

Up to four terminal tabs per thread. Feed output directly to the agent. No window switching.

Structured implementation plans

AI-generated step-by-step plans with status tracking. See the full scope before any code changes.

You stay in control

Full-access or approval-required modes. Review every file write and command before execution.

GitHub PR review

Inline comments, conflict resolution, full review flow.

Reusable skills

Built-in and custom skill catalog for automation.

Restore any turn

Automatic snapshots. Roll back to any point in the conversation.

Desktop, web, mobile

npx, Electron, or Capacitor. Same experience everywhere.

Quick start

Get running in 60 seconds

01

Install a provider

npm install -g @openai/codexnpm install -g @anthropic-ai/claude-code
02

Launch OK Code

npx okcodes
03

Start coding

Open a thread, describe what you want, review the diff.

Start building.

One command. Zero config.

npx okcodes
View on GitHubDownload DesktopJoin Discord