feat(tools): Jan AI + Continue + Antigravity — 7 Tools, 17 Guide-Tutorials

Verbinden-Tab neu strukturiert:
- Tool-Picker in 2 Sektionen unterteilt: Chat + Coding-Assistenten
- Jan AI: einfachstes Chat-Interface (Desktop-App, kein Docker)
  Config: Basis-URL + Modell-ID Copy-Fields wie Cline
- Continue: VS Code/JetBrains Coding-Hilfe ohne Agent-Overhead
  Config: fertiger config.json-Block mit allen konfigurierten Modellen
- Antigravity: Googles agentic IDE (VS Code-Fork, kostenlos)
  Config: Basis-URL + Modell-ID Copy-Fields
- continueBlock() Funktion für dynamisches config.json-Snippet

Guide neu strukturiert (17 Tutorials, war 14):
- "Welches Tool" Entscheidungsmatrix komplett neu: Chat vs. Coding,
  Jan AI als Einstieg statt OpenWebUI, Antigravity und Continue ergänzt
- Neu: "Jan AI — einfachstes Chat-Interface" (Schritt-für-Schritt)
- Neu: "Continue — Coding-Hilfe ohne Agent-Overhead" (Chat/Autocomplete/Inline-Edit)
- Neu: "Antigravity — Googles agentic IDE" (Multi-Agent, Manager-View)
- OpenWebUI repositioniert: "für Teams und Power-User" mit klarer Begründung
  wann OpenWebUI mehr Sinn macht als Jan AI

Recherche-Grundlage: jan.ai/docs, continue.dev, antigravityide.net,
Google Dev Blog (Antigravity), promptquorum.com (Frontend-Vergleich 2026)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Hitonabi
2026-06-23 09:23:37 +02:00
parent a0ff9d1b25
commit b88eba0da8
3 changed files with 341 additions and 95 deletions
+74 -9
View File
@@ -33,17 +33,26 @@
} }
function openCodeBlock(url: string, ids: string[]) { function openCodeBlock(url: string, ids: string[]) {
// Modell-Objekte mit Meta (für ctx) statt nur IDs
const ms = ids.length const ms = ids.length
? allModels.filter((m: any) => ids.includes(m.name)) ? allModels.filter((m: any) => ids.includes(m.name))
: (allModels.length ? allModels : [{ name: 'coder', meta: {} }]) : (allModels.length ? allModels : [{ name: 'coder', meta: {} }])
const modelMap = ms.map((m: any) => { const modelMap = ms.map((m: any) => {
const ctx = m.meta?.ctx || 131072 // konfigurierten Kontext übergeben (Standard: 128k) const ctx = m.meta?.ctx || 131072
return ` "${m.name}": { "name": "${m.name}", "contextWindowSize": ${ctx} }` return ` "${m.name}": { "name": "${m.name}", "contextWindowSize": ${ctx} }`
}).join(',\n') }).join(',\n')
return `"provider": {\n "llama-swap": {\n "npm": "@ai-sdk/openai-compatible",\n "name": "Bosgame (llama-swap)",\n "options": {\n "baseURL": "${url}",\n "apiKey": "local"\n },\n "models": {\n${modelMap}\n }\n }\n}` return `"provider": {\n "llama-swap": {\n "npm": "@ai-sdk/openai-compatible",\n "name": "Bosgame (llama-swap)",\n "options": {\n "baseURL": "${url}",\n "apiKey": "local"\n },\n "models": {\n${modelMap}\n }\n }\n}`
} }
function continueBlock(url: string, ids: string[]) {
const ms = ids.length
? allModels.filter((m: any) => ids.includes(m.name))
: (allModels.length ? allModels : [{ name: 'coder', meta: {} }])
const entries = ms.map((m: any) =>
` {\n "title": "llama-swap / ${m.name}",\n "provider": "openai",\n "model": "${m.name}",\n "apiBase": "${url}",\n "apiKey": "local"\n }`
).join(',\n')
return `{\n "models": [\n${entries}\n ]\n}`
}
async function testConnection() { async function testConnection() {
testResult = 'Teste…' testResult = 'Teste…'
try { try {
@@ -146,13 +155,29 @@
<!-- Step 3: Tool picker --> <!-- Step 3: Tool picker -->
<div class="card"> <div class="card">
<div class="card-h"><h3>3 · Tool wählen</h3></div> <div class="card-h"><h3>3 · Tool wählen</h3></div>
<div class="card-sub">Für welches Werkzeug brauchst du die Konfiguration?</div> <div class="card-sub" style="margin-bottom:8px">Für welches Werkzeug brauchst du die Konfiguration?</div>
<div class="grid grid-4" style="gap:8px">
<div style="font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:6px">Chat</div>
<div class="grid grid-3" style="gap:8px;margin-bottom:14px">
{#each [ {#each [
['zed', 'Zed', 'Schneller nativer Editor — Empfohlen'], ['janai', 'Jan AI', 'Einfachstes Chat-Interface — Desktop-App, kein Setup'],
['opencode', 'OpenCode', 'Open-Source Coding-Agent (Terminal/Desktop)'], ['openwebui', 'OpenWebUI', 'Browser-Chat für Teams — mehr Features, mehr Setup'],
['cline', 'Cline / Cursor', 'VS Code Extension, Bring-Your-Own-Key'], ] as [id, label, desc]}
['openwebui', 'OpenWebUI', 'Browser-Chat-Interface'] <button class="card-btn{selectedTool === id ? ' cb-best' : ''}" style="text-align:left;padding:12px 16px" onclick={() => selectedTool = id}>
<div style="font-weight:500;font-size:13.5px">{label}</div>
<div class="card-sub" style="margin:3px 0 0">{desc}</div>
</button>
{/each}
</div>
<div style="font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:6px">Coding-Assistenten</div>
<div class="grid grid-3" style="gap:8px">
{#each [
['continue', 'Continue', 'VS Code/JetBrains — Hilfe ohne Agent-Overhead'],
['cline', 'Cline', 'VS Code/JetBrains/Zed — voller Coding-Agent'],
['antigravity', 'Antigravity', 'Googles agentic IDE — VS Code-basiert'],
['opencode', 'OpenCode', 'Terminal-Agent — autonom, mächtig'],
['zed', 'Zed', 'Schneller nativer Editor mit KI-Panel'],
] as [id, label, desc]} ] as [id, label, desc]}
<button class="card-btn{selectedTool === id ? ' cb-best' : ''}" style="text-align:left;padding:12px 16px" onclick={() => selectedTool = id}> <button class="card-btn{selectedTool === id ? ' cb-best' : ''}" style="text-align:left;padding:12px 16px" onclick={() => selectedTool = id}>
<div style="font-weight:500;font-size:13.5px">{label}</div> <div style="font-weight:500;font-size:13.5px">{label}</div>
@@ -165,7 +190,47 @@
<!-- Step 4: Config snippet --> <!-- Step 4: Config snippet -->
<div class="card"> <div class="card">
<div class="card-h"><h3>4 · Config-Snippet</h3></div> <div class="card-h"><h3>4 · Config-Snippet</h3></div>
{#if selectedTool === 'zed'} {#if selectedTool === 'janai'}
<p><b>Jan AI</b> ist eine Desktop-App — kein Browser, kein Server, kein Admin-Panel. Einfach installieren und loslegen.</p>
<p>Jan AI öffnen → linke Leiste → <b>Remote-Modelle</b><b>+ Modell hinzufügen</b>:</p>
<label>Basis-URL (kopieren und in Jan AI einfügen)</label>
<div class="flex gap-2" style="align-items:stretch;margin-bottom:12px">
<input class="mono-sm" readonly value={url} style="flex:1;margin:0">
<button class="ghost" onclick={e => copyVal((e.currentTarget as HTMLElement).previousElementSibling as HTMLInputElement)}>Kopieren</button>
</div>
<label>Modell-ID (in Jan AI als „Model name" eintragen)</label>
<div class="flex gap-2" style="align-items:stretch;margin-bottom:12px">
<input class="mono-sm" readonly value={firstModel} style="flex:1;margin:0">
<button class="ghost" onclick={e => copyVal((e.currentTarget as HTMLElement).previousElementSibling as HTMLInputElement)}>Kopieren</button>
</div>
<div class="hint">API-Key: ein beliebiger Wert (z.B. <code>local</code>). Jan AI fragt danach beim Einrichten.</div>
<div class="hint" style="margin-top:8px">Jan AI herunterladen: <a href="https://jan.ai" target="_blank" rel="noopener">jan.ai</a> — kostenlos, open source, Windows/macOS/Linux.</div>
{:else if selectedTool === 'continue'}
{@const block = continueBlock(url, activeIds)}
<p>Datei anlegen oder öffnen: <code>~/.continue/config.json</code></p>
<div class="alert warn" style="margin:8px 0 12px;padding:10px 14px"><span class="a-dot"></span><span>Falls bereits eine <code>config.json</code> vorhanden: nur den <code>"models"</code>-Eintrag ergänzen, nicht die ganze Datei ersetzen.</span></div>
<div style="position:relative">
<button class="ghost" style="position:absolute;top:8px;right:8px;z-index:1" onclick={e => copyCode(e.currentTarget!.parentElement!)}>Kopieren</button>
<div class="log" style="max-height:none"><code>{block}</code></div>
</div>
<p style="margin-top:12px">Danach Continue in VS Code neu starten → im Chat-Panel das Modell <b>llama-swap / {firstModel}</b> wählen.</p>
<div class="hint">Continue: <a href="https://continue.dev" target="_blank" rel="noopener">continue.dev</a> — kostenlose VS Code / JetBrains Extension. Hinweis: 2026 von Cursor akquiriert — aktuell weiter aktiv und kostenlos.</div>
{:else if selectedTool === 'antigravity'}
<p><b>Antigravity</b> (Googles agentic IDE, VS Code-basiert) unterstützt OpenAI-kompatible Endpoints direkt:</p>
<p>Settings → Models → <b>Custom Endpoint</b><b>+ hinzufügen</b>:</p>
<label>Basis-URL</label>
<div class="flex gap-2" style="align-items:stretch;margin-bottom:12px">
<input class="mono-sm" readonly value={url} style="flex:1;margin:0">
<button class="ghost" onclick={e => copyVal((e.currentTarget as HTMLElement).previousElementSibling as HTMLInputElement)}>Kopieren</button>
</div>
<label>Modell-ID</label>
<div class="flex gap-2" style="align-items:stretch;margin-bottom:12px">
<input class="mono-sm" readonly value={firstModel} style="flex:1;margin:0">
<button class="ghost" onclick={e => copyVal((e.currentTarget as HTMLElement).previousElementSibling as HTMLInputElement)}>Kopieren</button>
</div>
<div class="hint">API-Key: ein beliebiger Wert (z.B. <code>local</code>). Danach das Modell <b>{firstModel}</b> in der Model-Liste auswählen.</div>
<div class="hint" style="margin-top:8px">Antigravity herunterladen: <a href="https://antigravityide.net" target="_blank" rel="noopener">antigravityide.net</a> — kostenlose Einzelperson-Tier, VS Code-basiert.</div>
{:else if selectedTool === 'zed'}
{@const block = zedBlock(url, activeIds)} {@const block = zedBlock(url, activeIds)}
<p>Öffne die Zed-Settings mit <code>Cmd/Strg + ,</code> und <b>füge diesen Block</b> in deine bestehende <code>settings.json</code> ein. Falls bereits ein <code>"bosgame"</code>-Eintrag existiert: vorher löschen.</p> <p>Öffne die Zed-Settings mit <code>Cmd/Strg + ,</code> und <b>füge diesen Block</b> in deine bestehende <code>settings.json</code> ein. Falls bereits ein <code>"bosgame"</code>-Eintrag existiert: vorher löschen.</p>
<div class="alert warn" style="margin-bottom:12px;padding:10px 14px"><span class="a-dot"></span><span>Nur diesen Block einfügen, <b>nicht die ganze Datei ersetzen</b> — sonst gehen andere Einstellungen verloren.</span></div> <div class="alert warn" style="margin-bottom:12px;padding:10px 14px"><span class="a-dot"></span><span>Nur diesen Block einfügen, <b>nicht die ganze Datei ersetzen</b> — sonst gehen andere Einstellungen verloren.</span></div>
+114 -26
View File
@@ -51,32 +51,50 @@ export const GUIDE_GROUPS: GuideGroup[] = [
label: 'Tools einrichten', label: 'Tools einrichten',
tutorials: [ tutorials: [
["Welches Tool ist das richtige für mich?", ` ["Welches Tool ist das richtige für mich?", `
<p>Die Antwort hängt davon ab, was du hauptsächlich tun willst:</p> <p><b>Chat — ich will einfach reden, schreiben, fragen:</b></p>
<div class="tut-table"> <div class="tut-table">
<div class="tut-row"> <div class="tut-row">
<div class="tut-cell-hd">Ich will einfach chatten, Texte schreiben, Fragen stellen</div> <div class="tut-cell-hd">Einfachster Einstieg</div>
<div class="tut-cell-bd">→ <b>OpenWebUI</b> — klassische Chat-Oberfläche im Browser. <div class="tut-cell-bd">→ <b>Jan AI</b> — Desktop-App, Doppelklick-Installer, sofort loslegen.
Kein Programmieren, kein Setup. Ideal als Einstieg.</div> Vertraut wie ChatGPT, läuft komplett lokal. Kein Admin-Panel, kein Docker.</div>
</div> </div>
<div class="tut-row"> <div class="tut-row">
<div class="tut-cell-hd">Ich programmiere und will KI in meinem Editor</div> <div class="tut-cell-hd">Teams / Power-User</div>
<div class="tut-cell-bd">→ <b>Cline</b> — KI-Assistent direkt in VS Code, JetBrains, Cursor, Zed u.a. <div class="tut-cell-bd">→ <b>OpenWebUI</b> — viele Features (RAG, Bilder, Plugins, Mehrbenutzer).
Zeigt dir jeden Schritt und fragt vor Änderungen.</div> Mehr Setup-Aufwand, aber der mächtigste Chat-Client.</div>
</div>
</div>
<p style="margin-top:12px"><b>Coding — ich will KI beim Programmieren:</b></p>
<div class="tut-table">
<div class="tut-row">
<div class="tut-cell-hd">Simpler Einstieg in VS Code</div>
<div class="tut-cell-bd">→ <b>Continue</b> — Chat + Autocomplete direkt im Editor, kein Agent-Overhead.
Macht keinen Schritt ohne dich.</div>
</div> </div>
<div class="tut-row"> <div class="tut-row">
<div class="tut-cell-hd">Ich will, dass die KI eigenständig ganze Features baut</div> <div class="tut-cell-hd">Voller Coding-Agent im Editor</div>
<div class="tut-cell-bd">→ <b>OpenCode</b> — autonomer Coding-Agent im Terminal oder als Desktop-App. <div class="tut-cell-bd">→ <b>Cline</b> — liest Dateien, schreibt Code, fragt vor jeder Änderung.
Liest Dateien, schreibt Code, führt Befehle aus.</div> VS Code, JetBrains, Zed u.a.</div>
</div> </div>
<div class="tut-row"> <div class="tut-row">
<div class="tut-cell-hd">Ich will einen schnellen Editor mit eingebautem KI-Panel</div> <div class="tut-cell-hd">Agent-IDE mit VS Code-Feeling</div>
<div class="tut-cell-bd">→ <b>Zed</b> — nativer Editor mit direktem Modell-Zugriff. <div class="tut-cell-bd">→ <b>Antigravity</b> — Googles agentic IDE (VS Code-Fork), kostenlos.
Schnell, minimalistisch, für Leute die Gewicht auf Performance legen.</div> Multi-Agent, planen + coden + testen in einem.</div>
</div>
<div class="tut-row">
<div class="tut-cell-hd">Autonomer Terminal-Agent</div>
<div class="tut-cell-bd">→ <b>OpenCode</b> — mächtigster lokaler Agent, lebt im Terminal.
Ideal für „bau mir Feature X komplett fertig".</div>
</div>
<div class="tut-row">
<div class="tut-cell-hd">Schneller Editor, minimalistisch</div>
<div class="tut-cell-bd">→ <b>Zed</b> — nativer Editor (Rust), eingebautes KI-Panel.
Für Leute die Performance über Features stellen.</div>
</div> </div>
</div> </div>
<p style="margin-top:10px"><b>Faustregel:</b> Fang mit <b>OpenWebUI</b> an. Wenn du merkst dass <p style="margin-top:10px"><b>Faustregel:</b> Fang mit <b>Jan AI</b> zum Chatten an.
du dieselben Aufgaben immer wieder beschreibst und dann manuell umsetzt — wechsle zu Für Coding: <b>Continue</b> als sanfter Einstieg oder gleich <b>Cline/Antigravity</b>
<b>OpenCode</b> oder <b>Cline</b>.</p>`], wenn du bereit bist, dem Agenten mehr Kontrolle zu geben.</p>`],
["OpenCode verbinden und die ersten Schritte", ` ["OpenCode verbinden und die ersten Schritte", `
<p>OpenCode ist installiert? Dann in vier Schritten verbinden:</p> <p>OpenCode ist installiert? Dann in vier Schritten verbinden:</p>
@@ -145,19 +163,89 @@ export const GUIDE_GROUPS: GuideGroup[] = [
Tages- oder Monats-Budget setzen — verhindert dass ein laufender Agent unbemerkt viel Token verbraucht.</p> Tages- oder Monats-Budget setzen — verhindert dass ein laufender Agent unbemerkt viel Token verbraucht.</p>
<p class="tut-sources">Weitere Infos: <a href="https://cline.bot" target="_blank" rel="noopener">cline.bot</a> · <a href="https://docs.cline.bot/best-practices/memory-bank" target="_blank" rel="noopener">Memory Bank Docs</a></p>`], <p class="tut-sources">Weitere Infos: <a href="https://cline.bot" target="_blank" rel="noopener">cline.bot</a> · <a href="https://docs.cline.bot/best-practices/memory-bank" target="_blank" rel="noopener">Memory Bank Docs</a></p>`],
["OpenWebUI — chatten ohne Vorkenntnisse", ` ["Jan AI — einfachstes Chat-Interface", `
<p>OpenWebUI ist installiert? Verbinden in 3 Schritten:</p> <p><b>Jan AI</b> ist die einfachste Art, lokal mit KI zu chatten —
Desktop-App, kein Terminal, kein Docker, kein Admin-Panel.</p>
<ol class="tut-steps">
<li><b>Jan AI installieren:</b> <a href="https://jan.ai" target="_blank" rel="noopener">jan.ai</a>
→ Download → Doppelklick-Installer (Windows/macOS/Linux).</li>
<li><b>Remote-Modell hinzufügen:</b> In der linken Leiste auf das Hub-Icon →
oben rechts <b>+ Remote-Modell</b>.</li>
<li><b>Verbindung eintragen:</b> Tab <b>Verbinden</b> → <em>Jan AI</em> auswählen →
Basis-URL und Modell-ID kopieren und in Jan einfügen.</li>
<li>API-Key: irgendeinen Text (z.B. <code>local</code>). Speichern.</li>
</ol>
<p>Danach erscheint das Modell in der Modell-Liste — auswählen und loslegen.</p>
<p><b>Gut für:</b> Chatten, Texte schreiben, übersetzen, Fragen stellen —
genauso wie ChatGPT, aber 100% lokal und privat. Bilder mitschicken klappt auch
sobald ein Vision-Modell eingetragen ist.</p>
<p class="tut-sources">Download &amp; Docs: <a href="https://jan.ai" target="_blank" rel="noopener">jan.ai</a> · <a href="https://www.jan.ai/docs" target="_blank" rel="noopener">jan.ai/docs</a></p>`],
["Continue — Coding-Hilfe in VS Code ohne Agent-Overhead", `
<p><b>Continue</b> ist die einfachste Coding-Erweiterung für VS Code und JetBrains —
kein autonomer Agent, sondern ein KI-Assistent der nur auf Anfrage handelt.</p>
<ol class="tut-steps">
<li><b>Extension installieren:</b> VS Code → Extensions → „Continue" suchen → Installieren.<br>
Oder: <a href="https://continue.dev" target="_blank" rel="noopener">continue.dev</a></li>
<li><b>Config holen:</b> Tab <b>Verbinden</b> → <em>Continue</em> auswählen →
Snippet kopieren und in <code>~/.continue/config.json</code> einfügen.</li>
<li>Continue in VS Code neu starten → im Chat-Panel Modell wählen → loslegen.</li>
</ol>
<p><b>Was Continue kann:</b></p>
<ul class="tut-steps" style="list-style:disc">
<li><b>Chat:</b> Frage direkt im Editor — markiere Code und drücke <code>Strg+L</code></li>
<li><b>Autocomplete:</b> Ergänzt Code während du tippst (wie Copilot)</li>
<li><b>Inline-Edit:</b> Markieren → <code>Strg+I</code> → „Refactore das zu TypeScript"</li>
</ul>
<p><b>Unterschied zu Cline:</b> Continue macht nichts von alleine — du steuerst jeden Schritt.
Ideal als erster Einstieg bevor man mit vollen Agenten arbeitet.</p>
<p class="tut-sources">Weitere Infos: <a href="https://continue.dev" target="_blank" rel="noopener">continue.dev</a>
— Hinweis: 2026 von Cursor akquiriert, weiterhin kostenlos &amp; open source.</p>`],
["Antigravity — Googles agentic IDE", `
<p><b>Antigravity</b> ist Googles agent-first IDE — ein Fork von VS Code, der Planung,
Coding, Testing und Deployment in einem Workflow zusammenführt. Kostenlos für Einzelpersonen.</p>
<ol class="tut-steps">
<li><b>Antigravity installieren:</b>
<a href="https://antigravityide.net" target="_blank" rel="noopener">antigravityide.net</a>
→ Download → läuft wie VS Code.</li>
<li><b>Eigenen Endpoint einrichten:</b> Settings → Models → <b>Custom Endpoint</b> → + hinzufügen.</li>
<li><b>Verbindung eintragen:</b> Tab <b>Verbinden</b> → <em>Antigravity</em> auswählen →
Basis-URL und Modell-ID kopieren und eintragen.</li>
<li>API-Key: beliebiger Text (z.B. <code>local</code>). Danach das Modell aus der Liste wählen.</li>
</ol>
<p><b>Was Antigravity besonders macht:</b></p>
<ul class="tut-steps" style="list-style:disc">
<li><b>Agent-First:</b> Statt Code-Completion steht der Agent im Mittelpunkt —
du beschreibst, er plant und setzt um</li>
<li><b>Multi-Agent:</b> Mehrere Agenten arbeiten parallel an verschiedenen Teilen</li>
<li><b>Manager-Oberfläche:</b> Übersicht über alle laufenden Agenten-Sessions</li>
<li><b>VS Code-kompatibel:</b> Extensions und Keybindings funktionieren wie gewohnt</li>
</ul>
<p><b>Wann Antigravity statt OpenCode?</b> Wenn du lieber eine grafische IDE als ein Terminal magst
und trotzdem volle Agenten-Kontrolle willst. OpenCode ist mächtiger im Terminal-Flow;
Antigravity ist komfortabler für Umsteiger aus VS Code.</p>
<p class="tut-sources">Weitere Infos: <a href="https://antigravityide.net" target="_blank" rel="noopener">antigravityide.net</a> ·
<a href="https://developers.googleblog.com/build-with-google-antigravity-our-new-agentic-development-platform/" target="_blank" rel="noopener">Google Dev Blog</a></p>`],
["OpenWebUI — für Teams und Power-User", `
<p>OpenWebUI ist der mächtigste lokale Chat-Client — aber auch der komplexeste.
Empfohlen wenn du mehr als ein einfaches Chat-Interface brauchst.</p>
<p><b>Was OpenWebUI besonders kann (gegenüber Jan AI):</b></p>
<ul class="tut-steps" style="list-style:disc">
<li>RAG: eigene Dokumente hochladen, KI liest und beantwortet Fragen dazu</li>
<li>Mehrbenutzer: eigene Accounts für verschiedene Personen im Heimnetz</li>
<li>Plugins und Agenten: erweiterbar mit Tools und Custom-Pipelines</li>
<li>Bilder generieren (mit Stable Diffusion), Sprachausgabe, Web-Suche</li>
</ul>
<p><b>Verbinden</b> (braucht Docker oder eine lokale Installation):</p>
<ol class="tut-steps"> <ol class="tut-steps">
<li>OpenWebUI im Browser öffnen → <b>Admin Panel</b> → <b>Connections</b>.</li> <li>OpenWebUI im Browser öffnen → <b>Admin Panel</b> → <b>Connections</b>.</li>
<li><b>+ OpenAI-Verbindung</b> hinzufügen → Basis-URL aus Tab <b>Verbinden</b> (Abschnitt OpenWebUI) kopieren.</li> <li><b>+ OpenAI-Verbindung</b> → Tab <b>Verbinden</b> → <em>OpenWebUI</em> → Basis-URL kopieren.</li>
<li>API-Key: <code>dummy-key</code> (egal was hier steht). Speichern.</li> <li>API-Key: <code>dummy-key</code>. Speichern.</li>
</ol> </ol>
<p>Danach oben das Modell wählen (<em>coder</em>, <em>scout</em> oder <em>vision</em>) und loslegen <p>Danach Modell auswählen und loslegen. Für einfaches Chatten: <b>Jan AI</b> ist einfacher.
— genau wie bei ChatGPT, nur lokal und privat.</p> OpenWebUI lohnt sich ab dem Moment, wo du mehr als nur Chat willst.</p>
<p><b>Bilder analysieren:</b> Mit einem Vision-Modell (z.B. <em>qwen3-vl</em>) einfach ein Bild
per Drag & Drop ins Chat-Fenster ziehen — das Modell beschreibt und analysiert es.</p>
<p><b>Gut für:</b> Texte schreiben, übersetzen, zusammenfassen, erklären lassen, Brainstorming —
alles ohne Programmierkenntnisse.</p>
<p class="tut-sources">Weitere Infos: <a href="https://openwebui.com" target="_blank" rel="noopener">openwebui.com</a></p>`], <p class="tut-sources">Weitere Infos: <a href="https://openwebui.com" target="_blank" rel="noopener">openwebui.com</a></p>`],
], ],
}, },
+145 -52
View File
File diff suppressed because one or more lines are too long