01P3
Inspect → Claude
Element in der Live-Vorschau anklicken – das Studio findet die Quelle mit Datei, Zeile und Konfidenz. Notiz dazu, Prompt kopieren, selbst einfügen. Nichts wird gesendet.
In der Vorschau zeigen : Inspect → ClaudeProgrammeDesktop-App
SOMR. Studio
Der lokale Kontrollraum neben Claude und Cursor – Projekte, Live-Vorschau, Änderungen und Inspect an einem Ort.
Status
Bald verfügbar
Plattformen
Windows · macOS (in Arbeit)
Art
- Desktop-App (Tauri 2)
- läuft lokal neben Claude und Cursor
Noch nicht verfügbar – der Download folgt.
Interaktive Vorschau – Beispieldaten
Probier den Kontrollraum aus.
Die Tour spielt jedes Kapitel kurz vor – sobald du selbst klickst, pausiert sie. Projekte, Dateien und Server sind fiktiv; nur die Kopieren-Knöpfe schreiben wirklich in deine Zwischenablage, und nur nach deinem Klick.
café-luna
Café LunaFrühstückSpeisekarteKontaktTisch reservieren
Frühstück bis 15 Uhr.
Hausgemachtes Brot, Kaffee aus der eigenen Rösterei und Tische am Fenster.
Tisch reservieren
Speisekarte
1440 × 900 · 55 %
Tipp: Mit dem Fokus in der Vorschau öffnen Strg K bzw. ⌘ K die Befehlspalette und Strg / die Tastenkürzel.
Element anklicken. Prompt für Claude.
- 01
Element anklicken
Im Inspect-Modus ein Element der Live-Vorschau wählen – mit 2px-Outline und Label.
- 02
Quelle sehen
Datei, Zeile und Konfidenz (Hoch/Mittel/Niedrig) – mit Sprung in den Code.
- 03
Prompt kopieren
Notiz dazu, „Für Claude“ kopieren, selbst einfügen. Nichts wird gesendet.
Funktionen
Alles, was neben dem Editor fehlt.
17 Bereiche – jeder ist ein Kapitel der Tour oben. Ein Klick spielt ihn in der Vorschau ab.
- 02P1 · P4
Projekte & Dev-Server
Auto-Detect findet Projekte an package.json, Cargo.toml, *.csproj oder index.html (Tiefe ≤ 4) – du bestätigst. Server starten, Log mitlesen, Port wird erkannt; Webapp, Static, Desktop und Portable starten jeweils passend.
In der Vorschau zeigen : Projekte & Dev-Server - 03P6.5
Bündel & Vorlagen
Mehrere Stellen sammeln – Shift+Klick oder „Zum Bündel“ –, je Stelle eine Notiz, ein kombinierter Prompt. Vorlagen Hinweis, Bug, Design und Refactor geben Claude eine klare Aufgabe.
In der Vorschau zeigen : Bündel & Vorlagen - 04P6.3
Annotieren
„Notiz anheften“: Ein Klick setzt einen nummerierten Marker, der am Element haftet – auch bei Scrollen, Neuladen und HMR. Alle Notizen gehen als ein Template in Zwischenablage und Prompt-Historie.
In der Vorschau zeigen : Annotieren - 05P6.4
Fehler → Claude
Laufzeitfehler der Vorschau (error, unhandledrejection, console.error) und Server-Fehler werden auf die Quelle geführt – Toast mit Danger-Flash, Doppelte zusammengeführt, ein Klick ergibt den Prompt mit Datei, gekürztem Trace und Snippet.
In der Vorschau zeigen : Fehler → Claude - 06P2 · P6.1
Review, Digest & Timeline
Jede Änderung seit Sitzungsbeginn mit Kategorie, Filter und Sortierung nach Zeit, Kategorie oder Impact. Die Session-Timeline zeigt Balken je Zeitabschnitt mit Markern für Claude-Kopien und Snapshots; der Digest bündelt alles seit der letzten Kopie.
In der Vorschau zeigen : Review, Digest & Timeline - 07P6.7
Vorher/Nachher & 1440+390
Snapshots speichern ein Vorher-Bild jeder sichtbaren Fläche; der Regler legt es über die Live-Seite, der Scrubber blättert durch die Snapshots. „1440+390“ zeigt Desktop und Phone nebeneinander auf derselben Route.
In der Vorschau zeigen : Vorher/Nachher & 1440+390 - 08P6.6
Route-Pins
Routen-Leiste unter der Vorschau: aktuelle Route, Pfad eingeben, mit Stern anpinnen. Wechsel per Chip, Alt+1…9 oder ⌘K – innerhalb der Seite, ohne Neuaufbau der Vorschau. Pins pro Projekt und Gerät.
In der Vorschau zeigen : Route-Pins - 09P2 · Ideen 1
Code & Impact-Heatmap
Monaco (nur lesen) mit Gutter-Marken, Line-Flash und Sprung zur Änderung. Die Impact-Heatmap färbt Dateien und Ordner nach geänderten Zeilen seit Sitzungsbeginn; Focus-Follow springt vom Inspect-Pin in den Editor.
In der Vorschau zeigen : Code & Impact-Heatmap - 10Check 3 §14
Dateivorschau
Format per Magic-Bytes (mit Hinweis bei falscher Endung). Bilder mit Zoom, Schachbrett und Pixelmaßen, SVG als Bild mit Umschalter Vorschau/Quelltext, Datenbanken und Unbekanntes mit Infos und Hexansicht – nichts wird entpackt oder ausgeführt.
In der Vorschau zeigen : Dateivorschau - 11Ideen 2
Netzwerk · Perf · Repro
Network-Tap zeigt fetch/XHR mit Status, Dauer und gekürzten Inhalten – Tokens geschwärzt, keine Header. Das Perf-Badge (LCP/CLS/INP) erscheint nur bei mittel oder schlecht, als Dev-Richtwert. Der Repro-Clip nimmt Klicks, Eingaben, Routen und Fehler als nummerierte Schritte auf.
In der Vorschau zeigen : Netzwerk · Perf · Repro - 12Ideen 1 · 2
Kontrast & CSS-Live-Tweaks
Das Kontrast-Overlay prüft nach WCAG AA und markiert Stellen; Layout-Guides zeigen das Raster. CSS-Live-Tweaks ändern Werte testweise – nur in der Vorschau – und werden mit Quellstelle zum Prompt.
In der Vorschau zeigen : Kontrast & CSS-Live-Tweaks - 13P7
Offline-Stand
Nach einem gesunden Live-Stand sichert das Studio den letzten erfolgreichen Stand. Server aus → der gespeicherte Stand öffnet mit GESPEICHERT · NICHT LIVE; ändern sich Dateien oder der Commit, gilt er als VERALTET – mit Grund.
In der Vorschau zeigen : Offline-Stand - 14P9
Preview teilen
Live mit HMR über ein Share-Gateway im LAN, das nur Verbindungen vom Pi annimmt – Laufzeit 15 min bis 4 h, Status TEILEN, ABGELAUFEN oder STOPPED. Gesperrt bleiben Dotfiles, .env, /@fs/, ?raw und Schlüssel. SOMR gibt nichts automatisch frei.
In der Vorschau zeigen : Preview teilen - 15P8
Roblox Co-Dev
Erkennung über *.project.json (Rojo), .rbxl/.rbxlx und Luau. Statt Web-Vorschau ein Test-Dashboard: Rojo-Sync mit Status und Port, Roblox Studio oder Place-Datei öffnen, Test-Kanäle. Kein eingebetteter Player, kein Roblox-Login.
In der Vorschau zeigen : Roblox Co-Dev - 16P6.0 · P6.8 · P6.9
Zen, Abdocken & Presets
Vollbild (F) für Preview, Editor und Review; Zen (Z) blendet Top-Bar, Nav, Seitenleiste, Log und Status aus. Die Vorschau lässt sich auf einen zweiten Monitor abdocken; Layout-Presets MacBook, Dual und 27″. Dazu ⌘K-Palette und Tastenkürzel-Übersicht.
In der Vorschau zeigen : Zen, Abdocken & Presets - 17P10 · P11
Updates
Signierte Updates vom eigenen Feed: Karte „Update verfügbar“ → Laden mit echtem Byte-Fortschritt → „Installieren & neu starten“, jeweils nur nach Klick. Die Signatur wird gegen den eingebauten Public Key geprüft.
In der Vorschau zeigen : Updates
Lokal
Alles bleibt lokal.
SOMR. Studio ist ein Werkzeug auf deinem Rechner, kein Cloud-Dienst. Es arbeitet mit deinen Projektordnern. Prompts gehen nie automatisch an Claude – du fügst sie selbst ein.
- Projektbibliothek, Prompt-Historie und Snapshots liegen nur auf deinem Rechner (SQLite im App-Datenordner).
- „Für Claude“ kopiert in die Zwischenablage – kein Auto-Send. Du fügst selbst ein, nichts wird gesendet.
- Vorschau-Proxy und eingebauter Static-Server laufen nur auf 127.0.0.1.
- Geheimnisse bleiben außen vor: .env, Schlüssel und Datenbanken landen weder in Snapshots noch in Offline-Kopien oder Prompts.
- Diagnosedaten werden maskiert – Tokens und Passwörter erscheinen geschwärzt.
- Updates sind signiert und werden nur nach deinem Klick geladen und installiert.
Geplant
Was als Nächstes kommt.
Ohne Termine – es erscheint, wenn es fertig und geprüft ist.
- In Arbeit
macOS-Version
Die Mac-Fassung (.app/DMG) ist in Arbeit und erscheint nach eigenem Test auf einem Mac.
- Geplant
Signierte Installer
Code-Signing für die Installer, damit Windows beim ersten Start nicht mehr warnt.
- Geplant
SOMR light
Zugang für Kollegen über „Teilen“ – mit eigenem Login je Person.
Systemhinweis
SOMR. Studio erscheint zuerst für Windows (Installer und portable Version); die macOS-Version (.app/DMG) ist in Arbeit. Einzelne Funktionen – Vorher-Bilder für den Vorher/Nachher-Regler und der App-Spiegel für Desktop-Projekte – gibt es vorerst nur unter Windows.
Die Builds sind nicht code-signiert: Windows SmartScreen bzw. macOS Gatekeeper fragen beim ersten Start nach. Updates sind davon unabhängig signiert und werden vor der Installation geprüft.
Die Vorschau oben ist ein Nachbau mit Beispieldaten. Projekte wie „café-luna“ sind fiktiv.
Bald verfügbar. Weitere Programme folgen.