Der Projekt-Editor
Nach Beendigung einer Aufnahme öffnet ScreenKite den Projekt-Editor — einen voll ausgestatteten Editor, der speziell für Bildschirmaufnahmen entwickelt wurde. Projekte werden als .skbundle-Dateien gespeichert.
Layout
Das Editor-Fenster verwendet ein in der Größe anpassbares Split-Layout mit vier Hauptbereichen:
Obere Symbolleiste
Enthält die wichtigsten Bearbeitungs- und Navigationssteuerelemente, aufgeteilt in einen linken und einen rechten Bereich.
Linker Bereich (in der Reihenfolge):
- Chat — öffnet und schließt das KI-Chat-Seitenpanel. Es verwendet ein Symbol mit zwei Sprechblasen (
bubble.left.and.bubble.right); das Symbol wird ausgefüllt (bubble.left.and.bubble.right.fill), wenn das Panel geöffnet ist. - AI Agent — verbindet den Editor über den MCP-Server mit einem externen KI-Agenten.
- Undo / Redo — standardmäßiges Rückgängigmachen und Wiederholen (nur im Pro-Symbolleistenmodus).
- Open in Finder — zeigt das
.skbundleim Finder an. - Delete Project — verschiebt das aktuelle Projekt in den Papierkorb.
- Command Palette — öffnet die Befehlspalette (⌘+⇧+P).
- Ladeanzeige — erscheint, während das Projekt geladen oder die Vorschau neu aufgebaut wird.
Rechter Bereich (in der Reihenfolge):
- Presets — erfasst oder wendet Inspektor-Voreinstellungen an.
- Resources — zeigt oder blendet das Ressourcen-Panel aus (nur im Pro-Symbolleistenmodus).
- Import — importiert Audio oder Video in die Timeline (⌘+I; nur im Pro-Symbolleistenmodus).
- Feedback — sendet Feedback an das ScreenKite-Team.
- Export — öffnet das Export-Dialogfenster (⌘+E).
Native macOS-Titelleisten-Integration: Der Editor verwendet .fullSizeContentView, sodass sich der Editor-Hintergrund nahtlos unter die native Titelleiste erstreckt. Der Projektname erscheint im Fenstertitel; durch Klicken auf den Titel kannst du das Projekt direkt umbenennen (Standard-Titelverhalten bei macOS-Dokumenten). Ein Proxy-Symbol erscheint neben dem Projektnamen und unterstützt das Standard-Dokumentenmenü von macOS — Move To…, Duplicate, Lock und verwandte Befehle —, wenn du mit gedrückter Control-Taste oder der rechten Maustaste auf das Proxy-Symbol klickst.
Obere Symbolleiste mit der Chat-Schaltfläche im inaktiven Zustand (unausgefülltes Sprechblasensymbol) und dem Rest des linken Bereichs
Obere Symbolleiste mit der Chat-Schaltfläche im aktiven/geöffneten Zustand (ausgefülltes Sprechblasensymbol)
Projekt-Editor-Fenster mit dem nativen macOS-Proxy-Symbol neben dem Projektnamen in der Titelleiste
Vorschau-Leinwand (Links)
Das große linke Panel zeigt eine Live-Vorschau deiner Aufnahme mit allen angewendeten Effekten — Zoom, Hintergrund, Geräterahmen und Kamera-Overlay.
Vorschau-Symbolleiste
Unterhalb der Leinwand befindet sich eine schwebende Symbolleiste, die in drei Bereiche aufgeteilt ist:
| Bereich | Steuerelemente |
|---|---|
| Links | Dropdown-Menü Visibility (Sichtbarkeit, zum Ein-/Ausblenden von Timeline-Spuren) · Add-Menü (Hinzufügen; Blur Mask, Highlight Mask, Camera Layout, Annotations, Text Overlay, Media Overlay) |
| Mitte | Zum Anfang springen · Wiedergabe/Pause · Zum Ende springen · Aktuelle Zeit und Dauer |
| Rechts | Quality (Vorschau-Qualität) · Preview-Geschwindigkeit · Tools (Werkzeuge) |
Qualitätssteuerung (Tacho-Symbol): Legt die Renderauflösung der Live-Vorschau fest. Die Beschriftung zeigt auf der Standardstufe nur Quality an. Wenn du von der Standardstufe abweichst, wird der Name der Stufe angehängt — zum Beispiel Quality · Balanced. Die Stufen sind:
| Stufe | Auflösungs-Skalierung | Detail |
|---|---|---|
| High (Standard) | 100 % | Volle Vorschauauflösung. Beste Detailtreue. |
| Balanced | 66 % | Geringere Vorschauauflösung für eine flüssigere Wiedergabe. |
| Low | 50 % | Niedrigste Vorschauauflösung für eine möglichst flüssige Wiedergabe bei großen Projekten. |
Für weitere Details siehe Preview Quality.
Rechter Bereich der Vorschau-Symbolleiste mit der Quality-Schaltfläche im Standardzustand High (Tacho-Symbol, Beschriftung lautet „Quality“)
Steuerung der Wiedergabegeschwindigkeit: Legt fest, wie schnell die Vorschau abgespielt wird. Bei der Standardgeschwindigkeit (1×) zeigt das Label nur Preview an; bei jeder anderen Geschwindigkeit wird der Multiplikator als Suffix angehängt. Die Wiedergabegeschwindigkeit hat keinen Einfluss auf die Exportgeschwindigkeit.
Chat-Panel
Das Chat-Panel öffnet sich bei Aktivierung links neben der Vorschau-Leinwand.
| Eigenschaft | Wert |
|---|---|
| Standardbreite | 360 pt |
| Mindestbreite | 300 pt |
| Maximalbreite | 520 pt |
| Speicherung | @AppStorage("chatPanel.visible") + @AppStorage("chatPanel.width") — bleibt beim erneuten Öffnen von Projekten und App-Neustarts erhalten |
Öffnen und Schließen: Klicke auf die Schaltfläche Chat in der oberen Symbolleiste, oder klicke mit der rechten Maustaste darauf, um ein Kontextmenü mit den Optionen Show Chat / Hide Chat aufzurufen. Das Chat-Panel und das Ressourcen-Panel schließen sich gegenseitig aus — das Öffnen des einen schließt automatisch das andere.
Wenn das Chat-Laufzeitmodul noch nicht installiert ist, zeigt das Panel einen Bildschirm Install Chat Module (Chat-Modul installieren) mit einem Puzzleteil-Symbol und der Meldung „Adds the local AI chat runtime without increasing the core app size.“ Von dort aus kannst du einen lokalen Ordner für das Laufzeitmodul auswählen oder es nach der Installation erneut versuchen.
Inspektor-Seitenleiste (Rechts)
Das rechte Panel steuert das Erscheinungsbild des Projekts und die Clip-Eigenschaften. Eine schmale Symbolleiste am linken Rand der Seitenleiste ermöglicht das Wechseln zwischen den Inspektionsmodi.
Die Breite der Seitenleiste wird gespeichert und kann durch Ziehen der Trennlinie geändert werden.
Inspektor-Symbole
Zehn Sektionssymbole werden aus benannten Asset-Bildern mit einheitlicher visueller Gewichtung gerendert. Jedes Symbol aktiviert das entsprechende Inspektor-Panel:
| Symbol | Modus | Beschriftung |
|---|---|---|
inspector-icon-audio | Audio | Audio |
inspector-icon-autozoom | Auto-Zoom | Auto-Zoom |
inspector-icon-background | Background | Background |
inspector-icon-camera | Camera | Camera |
inspector-icon-cameralayout | Camera-Layout | Camera-Layout |
inspector-icon-cursor | Cursor | Cursor |
inspector-icon-keyboardshortcut | Keyboard-Shortcut | Keyboard-Shortcut |
inspector-icon-overlay | Overlay | Overlay |
inspector-icon-specialeffect | Spezialeffekt (Maske) | Maske |
inspector-icon-transcription | Transkription | Captions |
Das Bewegen des Cursors über ein Symbol zeigt nach einer kurzen Verzögerung einen Tooltip mit dem Namen des Modus an. Nicht verfügbare Modi (zum Beispiel Auto-Zoom bei einem Projekt ohne Zoom-Daten) werden mit 50 % Deckkraft angezeigt und sind nicht interaktiv.
Inspektor-Seitenleiste mit der Spalte der neu gestalteten Sektionssymbole in einheitlicher visueller Gewichtung
Timeline (Unten)
Eine mehrspurige Timeline, die Video-Miniaturansichten, Audio-Wellenformen, Zoom-Keyframes und Overlays anzeigt. Die Höhe der Timeline wird gespeichert und kann durch Ziehen der Trennlinie geändert werden.
Kompatibilität der Wiedergabe
ProMotion-Aufnahmen (90 Hz / 120 Hz)
Aufnahmen mit hohen Bildwiederholraten (90 Hz or 120 Hz, z. B. von einem ProMotion-Bildschirm oder iPhone) werden im Editor korrekt wiedergegeben. Die Vorschau-Engine verwendet eine durch CVDisplayLink gesteuerte Renderschleife, die sich an die Bildwiederholrate des Hauptbildschirms anpasst. Dadurch führt Quellmaterial mit hoher Bildrate nicht mehr zu Rucklern oder eingefrorenen Bildern, die in früheren Versionen auftraten.
Die Export-Render-Pipeline ist unabhängig von der Quellbildrate auf 60 fps begrenzt, was bedeutet, dass exportierte Videos auf jedem Bildschirm flüssig abgespielt werden.