Zurück zum Portfolio WORKI STUDIO · CASE STUDY ▸ IM AUFBAU
2026.04 — laufend · KI-CODING-PLATTFORM

Worki
Studio.

Eigene KI-Coding-Plattform — Self-Hosted Alternative zu Cursor & Lovable.
Beweis dass KI-getriebene Entwicklung auf eigenem Stack funktioniert.

studio.worki.cloud Beta-Launch geplant Q3 2026
01

Was es macht

Cursor und Lovable sind großartig — aber gehosted, abhängig, mit Subscription. Worki Studio ist dasselbe Konzept, aber bei dir auf dem Server. Volle Datenkontrolle, keine Lock-Ins, eigener Anthropic/OpenAI-Key.

Chat mit Live-Preview

Du beschreibst was du willst → KI baut → Ergebnis erscheint sofort im integrierten Browser-Frame. Iteration in Sekunden.

Multi-Agent Wingman-System

Builder (Sonnet), Tester (Opus), Designer, Browser, Support. Pro Agent eigener System-Prompt. Wechselbar im Chat.

Trajectory-Logging

Jeder Tool-Call, jede Entscheidung, jeder Edit wird als Step protokolliert. Vollständige Nachvollziehbarkeit. Audit-fähig.

GitHub-Integration eingebaut

Repo importieren, Branch wechseln, Commits direkt aus dem Chat, PR-Erstellung. Alles im Flow ohne Tab-Wechsel.

Modes: Brainstorm, BroMode, UltraThinking

Toggles im Chat ändern KI-Verhalten. Brainstorm lockerer, UltraThinking für tiefe Reasoning-Tasks. Einfach durch Klick.

02

Stack & Architektur

Frontend
React 19 + TypeScript
Vite Build · Zustand State Management · Tailwind mit HSL-CSS-Variablen · Dark/Light Theme
Backend
FastAPI
Async · SSE-Streaming für Logs · WebSocket für Echtzeit-Trajectory
KI-Engine
Claude SDK über SSH
SSH-Tunnel zu Host-Claude-CLI mit OAuth (kein API-Key) · Tool-Calling-Loop
Sandboxing
Docker Container
Pro Projekt eigener Workspace · isolierte Umgebung · auto-cleanup
Live-Preview
nginx Path-Proxy
Vite-Dev-Server pro Projekt · Auto-Start nach agent_finish · Cache-Bust via ?_v=N
Code-Editor
Monaco (geplant)
VS-Code-Engine im Browser · Multi-Cursor · IntelliSense · Find & Replace
03

Wie ein Build-Run abläuft

01

User-Prompt

Beschreibung in natürlicher Sprache. Optional Mode-Toggles (Brainstorm/Ultra) und Wingman-Auswahl.

02

Agent startet im Container

Claude SDK bekommt Prompt + System-Prompt vom Wingman. Tool-Liste verfügbar (Read, Write, Edit, Bash, Grep, ...).

03

Tool-Calls in Loop

Agent ruft Tools, jeder Call = ein Trajectory-Step. Self-Correction bei Fehlern. Bis zu 100 Steps pro Run.

04

Live-Preview-Refresh

Bei jedem File-Edit wird die Preview-URL gecache-busted (?_v=N). User sieht Änderungen sofort im integrierten Browser.

05

Notification & Commit

Agent fertig → Browser-Push + Sound. Optional automatischer Git-Commit. Trajectory wird permanent gespeichert.

5 Wingmen
Builder · Tester · Designer · Browser · Support
0 Vendor-Lock-In
Self-Hosted · Eigener API-Key · Eigene Daten
3 Modes
Brainstorm · BroMode · UltraThinking

Beta-Interesse?

Worki Studio kommt in Q3 2026. Sag Bescheid wenn du früh dabei sein willst — oder einfach mal über das Konzept reden.

momo.omar@outlook.de