Design In The Browser begann als KI-gestützter visueller Frontend-Workflow und wird heute als Dosmos ausgeliefert: eine kostenlose Open-Source-Desktop-App, die Browser, Code-Editor, integriertes Terminal und Chrome DevTools in einem Fenster zusammenbringt. Die Grundidee ist einfach: Statt in Absätzen zu erklären, welchen Button oder welche Karte Sie ändern möchten, klicken Sie ihn auf der laufenden Seite an, und das Tool übergibt Ihrem KI-Agenten das exakte Element samt Quelldatei, Komponentenname und Zeilennummer.
Dosmos arbeitet auf dem Kommandozeilen-KI-Agenten, den Sie bereits nutzen – Claude Code, Cursor, Codex, Antigravity oder Qwen – und bringt weder ein eigenes Modell mit noch verlangt es ein separates KI-Abo. Über den Einzelklick hinaus unterstützt es Flächenauswahl für visuellen Kontext, Multiedit-Warteschlangen für gebündelte Änderungen und Referenzbilder, die direkt ins Terminal gezogen werden können, damit der Agent eine Bildschirmaufnahme statt eines Dateipfads abgleicht. Ein integrierter Editor öffnet den Quellcode des angeklickten Elements in der richtigen Zeile, mit intelligentem Quellabgleich über Komponentenname, Attribute, Überschriften, Text und URL.
Zudem ist eine Tailwind-Design-Token-Palette enthalten, damit die KI das Token statt eines festen Hex-Werts schreibt; dazu ein CSS-Inspektor per ALT-Klick, räumliche und Grundlinien-Raster, das Einfrieren von Animationen und sofortiger Viewport-Wechsel zwischen Desktop, Tablet und Mobil. Eine Einrichtungsanleitung führt Nicht-Programmierer von einem neuen Rechner bis zum laufenden Projekt. Dosmos läuft auf macOS 13+ (Apple Silicon und Intel) und Windows 10+, benötigt einen der unterstützten KI-Agenten und verarbeitet alles lokal.
