MCPcopy Index your code
hub / github.com/caffeinum/vibeOS

github.com/caffeinum/vibeOS @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
199 symbols 493 edges 55 files 26 documented · 13%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

vibe os

a containerized next.js application with claude code integration via trpc api

features

  • next.js app - built with bun, typescript, tailwind css
  • trpc api - type-safe api for communication with claude code
  • claude code integration - sends prompts to claude code sdk for code modification
  • docker support - containerized deployment with docker and docker-compose
  • hot reload - development environment with automatic reloading

prerequisites

  • bun (or npm/yarn)
  • docker & docker-compose
  • anthropic api key for claude code

quick start

local development

  1. install dependencies:
bun install
  1. set environment variable:
export ANTHROPIC_API_KEY="your-api-key"
  1. run development server:
bun run dev
  1. open http://localhost:3000

docker development

  1. create .env file:
echo "ANTHROPIC_API_KEY=your-api-key" > .env
  1. run with docker-compose:
docker compose down && docker compose build --no-cache && docker compose up
  1. open http://localhost:3000

api usage

the app exposes a trpc endpoint at /api/trpc/click.sendToClaudeCode that accepts:

{
  prompt: string,      // the prompt to send to claude code
  context?: any        // optional context data
}

response format:

{
  success: boolean,
  results: Array<{
    type: 'result' | 'text' | 'tool_use',
    content: any,
    timestamp: string
  }>,
  request: object
}

project structure

.
├── src/
│   ├── app/              # next.js app router
│   ├── server/           # trpc server & api
│   ├── utils/            # utility functions
│   └── claude-code-handler.ts  # claude code sdk integration
├── public/               # static assets
├── Dockerfile           # production docker image
└── docker-compose.yml   # docker compose configuration

environment variables

  • ANTHROPIC_API_KEY - required for claude code api access
  • NODE_ENV - set to 'production' for production builds
  • PORT - server port (default: 3000)

troubleshooting

docker build fails

  • ensure bun.lock file exists (run bun install locally first)
  • check docker daemon is running

claude code errors

  • verify anthropic api key is set correctly
  • check api key has proper permissions

app not loading

  • ensure port 3000 is not in use
  • check docker logs: docker logs <container-name>

license

mit

Extension points exported contracts — how you extend this code

ClaudeChatProps (Interface)
(no doc)
src/components/claude-chat.tsx
VMInstance (Interface)
(no doc)
src/server/api/routers/gcp.ts
KernelBrowser (Interface)
(no doc)
src/components/browser.tsx
ChatMessage (Interface)
(no doc)
src/server/api/routers/dedalus.ts
KernelError (Interface)
(no doc)
src/components/browser.tsx
ChatSession (Interface)
(no doc)
src/server/api/routers/dedalus.ts
BrowserProps (Interface)
(no doc)
src/components/browser.tsx
NativeTerminalProps (Interface)
(no doc)
src/components/NativeTerminal.tsx

Core symbols most depended-on inside this repo

cn
called by 14
src/lib/utils.ts
formatPrice
called by 5
src/components/crypto-tracker.tsx
handleExecute
called by 4
src/components/terminal.tsx
formatSize
called by 3
src/components/file-browser-enhanced.tsx
getCryptoColor
called by 3
src/components/crypto-tracker.tsx
handleCopyToClipboard
called by 3
src/components/ui/liquid-glass.tsx
get_session_file
called by 2
experiments/browser-use-CDP/setup_session.py
get_session_file
called by 2
experiments/browser-use-CDP/setup_session_stealth.py

Shape

Function 156
Interface 32
Method 9
Class 2

Languages

TypeScript85%
Python15%

Modules by API surface

src/components/ui/liquid-glass.tsx17 symbols
src/components/claude-chat.tsx14 symbols
src/server/dedalus-runner.py12 symbols
src/components/file-browser-enhanced.tsx12 symbols
src/components/download-tinder.tsx10 symbols
src/components/macos-icons.tsx9 symbols
src/components/terminal.tsx8 symbols
src/components/gcp-vm-list.tsx8 symbols
src/components/crypto-tracker.tsx8 symbols
src/components/ui/glass-effect.tsx7 symbols
src/components/notes-app.tsx7 symbols
src/components/file-browser.tsx7 symbols

For agents

$ claude mcp add vibeOS \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact