Tutorials

Schritt-für-Schritt-Anleitungen für häufige Aufgaben und Arbeitsabläufe in LastBrowser.

1. LastBrowser aus dem Quellcode erstellen

Dieses Tutorial führt Sie durch den gesamten Prozess des Klonens, Erstellens und Ausführens von LastBrowser aus dem Quellcode unter Windows.

Voraussetzungen

• Node.js v18+ — Herunterladen von nodejs.org
• Python 3.10+ — Herunterladen von python.org
• Git — Herunterladen von git-scm.com
• Visual Studio Build Tools — Für die Kompilierung nativer Module (z. B. Windows Build Tools über npm install --global windows-build-tools)

Schritt-für-Schritt

1. Repository klonen
   git clone https://github.com/Loggableim/lastbrowser.git
2. In das native Verzeichnis navigieren
   cd lastbrowser/native
3. Abhängigkeiten installieren
   npm install — Dies installiert Electron v35, electron-builder, sql.js und alle Abhängigkeiten.
4. Im Entwicklungsmodus starten
   npm run dev — Startet Electron mit dem Python-Backend. Die Umgebungsvariable ELECTRON_DEV=1 verweist den Server-Launcher auf das übergeordnete Verzeichnis.
5. Überprüfen, ob es funktioniert
   Das LastBrowser-Fenster sollte mit der dunklen Seitenleiste erscheinen, und die Status-Fußzeile sollte "connected" anzeigen, sobald der Python-Server bereit ist.

Für die Verteilung erstellen

# NSIS-Installer erstellen
npm run build

# Portables Verzeichnis erstellen (kein Installer, von jedem Ordner ausführbar)
npm run build:dir

# Produktions-Release-Build
npm run dist

Die Ausgabe erfolgt in native/dist/. Der Installer wird LastBrowser-Setup-0.2.0.exe (oder Ihre Version) sein.

2. Ihren ersten KI-Agenten erstellen

Das Agentensystem von LastBrowser ermöglicht es Ihnen, KI-Agenten mit verschiedenen Modellen, Anbietern und Rollen zu konfigurieren. So richten Sie Ihren ersten Agenten ein.

1. Das Agenten-Panel öffnen — Klicken Sie auf das Agenten-Symbol in der Seitenleiste (Strg+4).
2. Auf "Agent hinzufügen" klicken — Öffnet das Konfigurationsformular für den Agenten.
3. Konfigurieren Sie Ihren Agenten:
   • Name: "Mein Assistent"
   • Modell: deepseek-v4-flash (oder ein beliebiges Modell, auf das Sie Zugriff haben)
   • Anbieter: opencode-go (oder Ihr bevorzugter Anbieter)
   • Maximale Token: 4000
   • Temperatur: 0.7 (ausgewogen zwischen Kreativität und Präzision)
   • Rolle: Worker (Allzweck-Assistent)
4. Agenten aktivieren — Schalten Sie den Aktivierungsschalter auf Ein.
5. Speichern — Ihr Agent ist jetzt aktiv und bereit.

Einen Agenten einem Tab zuweisen

Sobald Ihr Agent erstellt ist, können Sie ihn einem Browser-Tab zuweisen:

1. Öffnen Sie das Browser-Panel (Strg+4).
2. Navigieren Sie zu einer Webseite.
3. Klicken Sie auf das Agentensymbol in der Tab-Symbolleiste und wählen Sie Ihren Agenten aus.
4. Der Agent kann jetzt auf diesem Tab navigieren, klicken, tippen, scrollen und Inhalte extrahieren.

Agentenstatistiken anzeigen

Das Agenten-Dashboard zeigt Echtzeit-Statistiken: Gesamtzahl der ausgeführten Aufgaben, verwendete Token, Erfolgsquote und Anzahl laufender Jobs. Klicken Sie auf einen beliebigen Agenten, um den detaillierten Verlauf anzuzeigen.

3. Ein Kanban-Board einrichten

Kanban-Boards helfen Ihnen, Aufgaben visuell zu verwalten. Jeder Arbeitsbereich hat seine eigenen Boards.

1. Das Kanban-Panel öffnen — Klicken Sie auf das Kanban-Symbol in der Seitenleiste (Strg+2).
2. Auf "Neues Board" klicken — Geben Sie ihm einen Titel wie "Meine Aufgaben" oder "Projekt Alpha".
3. Standardspalten werden automatisch erstellt: Posteingang, Zu erledigen, Geplant, In Bearbeitung, Wartet, Überprüfung, Testen, Erledigt, Archiviert.
4. Karten hinzufügen — Klicken Sie in einer beliebigen Spalte auf "Karte hinzufügen". Geben Sie ihr einen Titel, eine Beschreibung und optional ein Fälligkeitsdatum.
5. Karten ziehen zwischen den Spalten, um ihren Status zu aktualisieren.
6. WIP-Limits festlegen — Klicken Sie mit der rechten Maustaste auf eine Spaltenüberschrift, um ein Work-In-Progress-Limit festzulegen (z. B. "In Bearbeitung" auf 3 Karten begrenzen).

Tipps

• Verwenden Sie Labels, um Karten zu kategorisieren (Fehler, Funktion, Verbesserung usw.)
• Fügen Sie Checklisten hinzu, um Aufgaben in Unteraufgaben zu unterteilen
• Verwenden Sie Kommentare für Diskussionen zu einzelnen Karten
• Karten in der Spalte "Erledigt" werden nach 30 Tagen automatisch archiviert

4. Mit Arbeitsbereichen organisieren

Arbeitsbereiche halten verschiedene Projekte oder Kontexte vollständig getrennt. Jeder Arbeitsbereich hat seine eigenen Tabs, Cookies, Agenten und Kanban-Boards.

1. Einen neuen Arbeitsbereich erstellen — Klicken Sie auf das +-Symbol im Arbeitsbereichs-Umschalter (oben in der Seitenleiste).
2. Benennen Sie ihn — z. B. "Arbeit", "Privat", "Projekt Alpha".
3. Wählen Sie ein Symbol und eine Farbe — Macht Arbeitsbereiche auf einen Blick erkennbar.
4. Zwischen Arbeitsbereichen wechseln — Klicken Sie auf einen Arbeitsbereichsnamen im Umschalter. Jeder Arbeitsbereich wird unabhängig geladen.
5. Unbenutzte Arbeitsbereiche pausieren — Klicken Sie mit der rechten Maustaste auf einen Arbeitsbereich und wählen Sie "Pausieren", um Systemressourcen freizugeben.

5. Split View verwenden

Die Split-Ansicht ermöglicht es Ihnen, zwei Webseiten nebeneinander im selben Fenster zu sehen.

1. Öffnen Sie zwei Tabs in Ihrem Arbeitsbereich (z. B. eine Dokumentationsseite und einen Code-Editor).
2. Aktivieren Sie die Split-Ansicht — Klicken Sie auf das Split-View-Symbol in der Symbolleiste oder verwenden Sie das Split-View-Panel.
3. Wählen Sie Tabs aus — Wählen Sie aus, welche zwei Tabs angezeigt werden sollen. Der Arbeitsbereich teilt sich in zwei Panels.
4. Panels in der Größe anpassen — Ziehen Sie den Teiler zwischen den Panels, um ihre relativen Größen zu ändern.
5. Panels tauschen oder die Teilung schließen — Verwenden Sie die Symbolleistenschaltflächen, um das Layout zu ändern.

Anwendungsfälle

• Dokumentation lesen, während Sie programmieren
• Zwei Produkte oder Artikel vergleichen
• Einen KI-Agenten in einem Panel sichtbar halten, während Sie in einem anderen surfen
• Dashboards gleichzeitig überwachen

6. Eine Fokussitzung durchführen

Der Fokusmodus hilft Ihnen, sich zu konzentrieren, indem er Ablenkungen stumm schaltet und Ihre Arbeitszeit verfolgt.

1. Die Befehlspalette öffnen — Drücken Sie Strg+K.
2. "Fokus" eingeben — Wählen Sie eine der Voreinstellungen: Pomodoro (25m), Fokus 50 (50m), Fokus 90 (90m).
3. Alternativ verwenden Sie Strg+Umschalt+F, um den Fokusmodus direkt umzuschalten.
4. Während der Sitzung:
   • Alle Benachrichtigungen werden stummgeschaltet
   • Abzeichen werden ausgeblendet
   • Töne werden stummgeschaltet
   • Ein Timer-Overlay zeigt die verbleibende Zeit an
5. Vorzeitig beenden — Drücken Sie erneut Strg+Umschalt+F oder verwenden Sie die Befehlspalette.

Professionelle Tipps

• Beginnen Sie mit einem 25-minütigen Pomodoro, wenn Sie neu bei Fokussitzungen sind
• Verwenden Sie Fokus 90 für intensive Arbeit wie Programmieren oder Schreiben
• Machen Sie zwischen den Sitzungen eine kurze Pause (5 Min.) oder eine lange Pause (15 Min.)
• Kombinieren Sie den Fokusmodus mit einem dedizierten Arbeitsbereich für maximale Konzentration

7. Die Befehlspalette meistern

Die Befehlspalette (Strg+K) ist der schnellste Weg, um in LastBrowser zu navigieren und es zu steuern, ohne die Maus zu berühren.

Was Sie tun können

• Arbeitsbereiche wechseln — Geben Sie einen Teil eines Arbeitsbereichsnamens ein und drücken Sie die Eingabetaste
• Tabs öffnen — Suche nach Tab-Titel oder URL
• Befehle ausführen — Fokusmodus, Kompaktmodus, Alle stummschalten, DevTools öffnen umschalten
• Apps starten — Angeheftete Apps direkt aus der Palette öffnen
• Einstellungen ändern — Einstellungen suchen und umschalten

Tipps zur unscharfen Suche

• Exakte Übereinstimmungen werden am höchsten eingestuft — geben Sie den vollständigen Namen dessen ein, wonach Sie suchen
• Abkürzungen funktionieren — "arb proj a" findet "Arbeit/Projekt Alpha Arbeitsbereich"
• Teilweise Übereinstimmungen — die Eingabe von "tab" zeigt alle tabbezogenen Befehle an
• Mit den Pfeiltasten navigieren — dann die Eingabetaste drücken, um zu aktivieren

Zum FAQ →