Products

Warum ich Atoo Studio gebaut habe

· 8 Min. Lesezeit

Atoo Studio Browser-IDE

Der Moment, in dem alles begann

Es war Anfang 2026. Ich sass vor meinem Bildschirm, hatte drei Terminals offen, VS Code mit dem Cursor-Plugin, einen Browser mit der Vorschau meiner Anwendung und einen Chat mit Claude in einem separaten Fenster. Ich kopierte Code hin und her, wechselte zwischen Fenstern, versuchte dem KI-Agenten zu erklaeren, was auf meinem Bildschirm zu sehen war. Und dann dachte ich mir: Das kann doch nicht der Endzustand sein.

Ich arbeitete seit Monaten intensiv mit KI-Coding-Assistenten. Zuerst GitHub Copilot, dann Cursor, dann Claude Code im Terminal. Jedes dieser Tools war beeindruckend, aber keines war wirklich dafuer gebaut, dass ein KI-Agent autonom arbeiten kann. Sie waren alle auf den menschlichen Entwickler als zentralen Akteur ausgelegt — der Agent war bestenfalls ein Beifahrer.

Das Problem mit bestehenden Tools

VS Code ist eine fantastische IDE. Cursor hat KI-Integration auf ein neues Level gebracht. Claude Code im Terminal ist unglaublich maechtig. Aber alle diese Tools haben ein fundamentales Problem: Sie behandeln den KI-Agenten als Erweiterung, nicht als eigenstaendigen Akteur.

Was meine ich damit konkret? Ein KI-Agent, der wirklich produktiv arbeiten soll, braucht mehr als nur Zugriff auf Dateien und ein Terminal. Er braucht die Faehigkeit, die Anwendung zu sehen, die er gerade baut. Er muss den Browser oeffnen koennen, Screenshots machen, verstehen was auf dem Bildschirm passiert. Er braucht eine integrierte Umgebung, in der Code-Editor, Terminal, Browser-Vorschau und Container-Management nahtlos zusammenspielen.

Stellt euch vor, ihr erklaert einem Kollegen ein UI-Problem am Telefon, ohne dass er den Bildschirm sieht. Genau so fuehlt es sich an, wenn ein KI-Agent Code fuer ein Frontend schreibt, aber die Vorschau nicht sehen kann. Er arbeitet blind.

Architektur von Atoo Studio

Die Vision

Meine Vision fuer Atoo Studio war von Anfang an klar: Eine Entwicklungsumgebung, in der KI-Agenten Erstklassebuerger sind. Nicht ein Plugin, nicht eine Erweiterung, sondern eine Umgebung, die von Grund auf dafuer konzipiert ist, dass Mensch und KI gemeinsam Software bauen.

Die Kernidee: Alles laeuft im Browser. Der Code-Editor, das Terminal, die Vorschau der Anwendung, das Container-Management — alles in einem einzigen Fenster. Der KI-Agent hat Zugriff auf alle diese Komponenten. Er kann Code schreiben, Befehle ausfuehren, die Vorschau sehen und auf Fehler reagieren. Und der Mensch kann jederzeit eingreifen, uebernehmen oder dem Agenten neue Anweisungen geben.

Technische Entscheidungen

Die Entscheidung, Atoo Studio als browserbasierte Anwendung zu bauen, war keine leichte. Native Desktop-Anwendungen haben Vorteile bei der Performance und dem Zugriff auf das System. Aber der Browser bot mir etwas, das keine Desktop-App kann: sofortige Verfuegbarkeit, keine Installation, plattformunabhaengig.

Container-basierte Workspaces

Jeder Workspace in Atoo Studio laeuft in einem eigenen Container. Das klingt erst einmal nach Overhead, aber es loest eine ganze Reihe von Problemen auf einen Schlag. Isolation zwischen Projekten, reproduzierbare Umgebungen, einfaches Aufsetzen neuer Projekte. Und fuer KI-Agenten ist es ein Segen: Sie koennen in einer Sandbox arbeiten, ohne das Host-System zu gefaehrden. Wenn ein Agent einen Befehl ausfuehrt, der den Container kaputt macht — kein Problem, wir starten einfach einen neuen.

Die Container-Infrastruktur war eine der groessten technischen Herausforderungen. Wir mussten einen Weg finden, Container schnell zu starten, effizient zu verwalten und dem Nutzer trotzdem das Gefuehl zu geben, direkt auf seiner Maschine zu arbeiten. Die Loesung war ein ausgeklugeltes System aus Pre-built Images, Volume Mounts fuer persistente Daten und einem eigenen Orchestrator, der Container-Lebenszyklen verwaltet.

Der integrierte Browser

Eines der Features, auf die ich am meisten stolz bin, ist der integrierte Browser in Atoo Studio. Es ist nicht einfach ein iFrame mit einer URL. Es ist ein vollwertiger Browser-Kontext, der dem KI-Agenten zugaenglich ist. Der Agent kann die Seite sehen, Elemente inspizieren, auf Buttons klicken und Screenshots machen. Das klingt trivial, aber es aendert fundamental, wie ein KI-Agent mit einer Webanwendung interagieren kann.

Technisch basiert das auf einer Headless-Browser-Instanz, die im Container laeuft und deren Output sowohl dem Nutzer als Vorschau angezeigt wird als auch dem KI-Agenten als visueller Input zur Verfuegung steht. Die Synchronisation zwischen diesen beiden Ansichten war eine der kniffligsten Aufgaben.

Agenten-Integration

Der dritte grosse technische Baustein ist die Agenten-Integration. Atoo Studio ist nicht an einen bestimmten KI-Anbieter gebunden. Wir unterstuetzen verschiedene Modelle und Agenten-Frameworks. Die Architektur basiert auf einem Agenten-Protokoll, das die Kommunikation zwischen der IDE und dem KI-Agenten standardisiert.

Der Agent bekommt einen strukturierten Kontext: Welche Dateien sind geoeffnet, was zeigt das Terminal, was ist im Browser zu sehen, welche Fehler gibt es. Er kann strukturierte Aktionen zurueckgeben: Datei bearbeiten, Befehl ausfuehren, Browser navigieren. Das ist ein fundamentaler Unterschied zu Chat-basierten Interfaces, wo alles ueber unstrukturierten Text laeuft.

Von der Idee zum Produkt in einer Woche

Die erste funktionsfaehige Version von Atoo Studio habe ich in einer einzigen Woche gebaut. Anfang 2026. Keine monatelange Planung, kein detailliertes Pflichtenheft — einfach losgebaut. Der erste Prototyp war ein modifizierter Code-Server mit ein paar Skripten drum herum. Nicht schoen, aber er hat funktioniert. Als ich das erste Mal einem KI-Agenten beim eigenstaendigen Debuggen einer React-Komponente zugesehen habe — mit Zugriff auf die Browser-Vorschau — wusste ich, dass ich auf dem richtigen Weg war.

Nach dieser ersten Woche ging Atoo Studio direkt in den produktiven Einsatz. Ich habe damit begonnen, meine eigenen Projekte damit zu entwickeln. Seitdem ist Atoo Studio mein taegliches Werkzeug — und genau das macht den Unterschied. Die Weiterentwicklung passiert nicht in einem Vakuum, sondern direkt aus den Anforderungen des taeglichen Gebrauchs heraus. Jedes Feature, das hinzukommt, entsteht, weil ich es selbst brauche. Jeder Bug wird sofort sichtbar, weil ich selbst der erste Nutzer bin.

Dieser Ansatz — in Produktion entwickeln, waehrend man das Produkt benutzt — ist extrem effektiv. Man baut keine Features, die niemand braucht. Man uebersieht keine Probleme, die echte Nutzer betreffen.

Die Vision hinter Atoo Studio

Was Atoo Studio anders macht

Der Kern dessen, was Atoo Studio von anderen Tools unterscheidet, laesst sich in drei Punkten zusammenfassen:

Erstens ist die Umgebung unified. Kein Wechseln zwischen Fenstern, keine Copy-Paste-Workflows, kein manuelles Erklaeren von visuellem Kontext. Alles ist an einem Ort, und sowohl Mensch als auch Agent haben Zugriff auf alles.

Zweitens sind KI-Agenten Erstklassebuerger. Das UI, die Architektur, die APIs — alles ist so gestaltet, dass ein Agent effektiv arbeiten kann. Das betrifft nicht nur die technische Seite, sondern auch das UX-Design: Wie zeigen wir dem Nutzer, was der Agent gerade tut? Wie gibt der Nutzer dem Agenten Feedback?

Drittens sind die Workspaces containerisiert und cloud-basiert. Das eliminiert das klassische Problem “Works on my machine” und gibt sowohl Nutzern als auch Agenten eine konsistente, reproduzierbare Umgebung.

Die Zukunft

Atoo Studio ist bereits im produktiven Einsatz und wird taeglich weiterentwickelt. Ich arbeite an tieferer Agenten-Integration, besserer Kollaboration zwischen Mensch und KI, und an Features, die heute noch wie Science-Fiction klingen: Agenten, die parallel an verschiedenen Features arbeiten, automatisch Tests schreiben und ausfuehren, und ihre eigene Arbeit reviewen.

Der Entwicklungsprozess bleibt bewusst organisch. Keine starren Roadmaps, keine kuenstlichen Release-Zyklen. Stattdessen: ein Werkzeug, das mit seinen Nutzern waechst. Jede Woche kommen neue Features dazu, angetrieben durch echte Anforderungen aus dem taeglichen Einsatz.

Ich glaube, dass die Art, wie wir Software bauen, sich in den naechsten Jahren fundamental veraendern wird. Und ich bin ueberzeugt, dass wir dafuer neue Werkzeuge brauchen — Werkzeuge, die nicht einfach KI auf bestehende IDEs draufschrauben, sondern die von Grund auf fuer die Zusammenarbeit zwischen Mensch und KI konzipiert sind.

Atoo Studio ist genau so ein Werkzeug. Und es wird jeden Tag besser.