OpenClaude Mobile (OpenCode client)

A mobile-first Expo app inspired by Claude's clean chat UX, wired to an OpenCode server.

What it does

• Claude-like mobile chat layout (single-thread focus, clear bubbles, warm neutral palette)
• Connects to any reachable opencode serve instance
• Supports optional HTTP Basic Auth (OPENCODE_SERVER_PASSWORD)
• Creates one OpenCode session and sends prompts through /session/:id/message

Run OpenCode server

On your dev machine:

opencode serve --hostname 0.0.0.0 --port 4096

If you want auth:

OPENCODE_SERVER_PASSWORD=your-password opencode serve --hostname 0.0.0.0 --port 4096

Then use your machine LAN IP in the app (example: http://192.168.1.20:4096).

Run mobile app

npm install
npm run start

Open with Expo Go on Android/iOS, then:

1. Enter server URL
2. Enter username (opencode by default)
3. Enter password only if auth is enabled
4. Tap Connect and chat

Project structure

• App.tsx: main mobile screen and chat flow
• src/lib/opencodeClient.ts: OpenCode API client
• src/components/ConnectionSheet.tsx: server connection panel
• src/components/Composer.tsx: input/send UI
• src/components/MessageBubble.tsx: chat bubbles
• src/theme.ts: visual tokens

Notes

• This environment could not run npm (npm: command not found), so dependencies were not installed here.
• If your phone cannot reach your machine, check firewall rules and ensure both devices are on the same network.