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
@@ -33,17 +33,26 @@
|
||||
}
|
||||
|
||||
function openCodeBlock(url: string, ids: string[]) {
|
||||
// Modell-Objekte mit Meta (für ctx) statt nur IDs
|
||||
const ms = ids.length
|
||||
? allModels.filter((m: any) => ids.includes(m.name))
|
||||
: (allModels.length ? allModels : [{ name: 'coder', meta: {} }])
|
||||
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} }`
|
||||
}).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}`
|
||||
}
|
||||
|
||||
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() {
|
||||
testResult = 'Teste…'
|
||||
try {
|
||||
@@ -146,13 +155,29 @@
|
||||
<!-- Step 3: Tool picker -->
|
||||
<div class="card">
|
||||
<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="grid grid-4" style="gap:8px">
|
||||
<div class="card-sub" style="margin-bottom:8px">Für welches Werkzeug brauchst du die Konfiguration?</div>
|
||||
|
||||
<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 [
|
||||
['zed', 'Zed', 'Schneller nativer Editor — Empfohlen'],
|
||||
['opencode', 'OpenCode', 'Open-Source Coding-Agent (Terminal/Desktop)'],
|
||||
['cline', 'Cline / Cursor', 'VS Code Extension, Bring-Your-Own-Key'],
|
||||
['openwebui', 'OpenWebUI', 'Browser-Chat-Interface']
|
||||
['janai', 'Jan AI', 'Einfachstes Chat-Interface — Desktop-App, kein Setup'],
|
||||
['openwebui', 'OpenWebUI', 'Browser-Chat für Teams — mehr Features, mehr Setup'],
|
||||
] as [id, label, desc]}
|
||||
<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]}
|
||||
<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>
|
||||
@@ -165,7 +190,47 @@
|
||||
<!-- Step 4: Config snippet -->
|
||||
<div class="card">
|
||||
<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)}
|
||||
<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>
|
||||
|
||||
@@ -51,32 +51,50 @@ export const GUIDE_GROUPS: GuideGroup[] = [
|
||||
label: 'Tools einrichten',
|
||||
tutorials: [
|
||||
["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-row">
|
||||
<div class="tut-cell-hd">Ich will einfach chatten, Texte schreiben, Fragen stellen</div>
|
||||
<div class="tut-cell-bd">→ <b>OpenWebUI</b> — klassische Chat-Oberfläche im Browser.
|
||||
Kein Programmieren, kein Setup. Ideal als Einstieg.</div>
|
||||
<div class="tut-cell-hd">Einfachster Einstieg</div>
|
||||
<div class="tut-cell-bd">→ <b>Jan AI</b> — Desktop-App, Doppelklick-Installer, sofort loslegen.
|
||||
Vertraut wie ChatGPT, läuft komplett lokal. Kein Admin-Panel, kein Docker.</div>
|
||||
</div>
|
||||
<div class="tut-row">
|
||||
<div class="tut-cell-hd">Ich programmiere und will KI in meinem Editor</div>
|
||||
<div class="tut-cell-bd">→ <b>Cline</b> — KI-Assistent direkt in VS Code, JetBrains, Cursor, Zed u.a.
|
||||
Zeigt dir jeden Schritt und fragt vor Änderungen.</div>
|
||||
</div>
|
||||
<div class="tut-row">
|
||||
<div class="tut-cell-hd">Ich will, dass die KI eigenständig ganze Features baut</div>
|
||||
<div class="tut-cell-bd">→ <b>OpenCode</b> — autonomer Coding-Agent im Terminal oder als Desktop-App.
|
||||
Liest Dateien, schreibt Code, führt Befehle aus.</div>
|
||||
</div>
|
||||
<div class="tut-row">
|
||||
<div class="tut-cell-hd">Ich will einen schnellen Editor mit eingebautem KI-Panel</div>
|
||||
<div class="tut-cell-bd">→ <b>Zed</b> — nativer Editor mit direktem Modell-Zugriff.
|
||||
Schnell, minimalistisch, für Leute die Gewicht auf Performance legen.</div>
|
||||
<div class="tut-cell-hd">Teams / Power-User</div>
|
||||
<div class="tut-cell-bd">→ <b>OpenWebUI</b> — viele Features (RAG, Bilder, Plugins, Mehrbenutzer).
|
||||
Mehr Setup-Aufwand, aber der mächtigste Chat-Client.</div>
|
||||
</div>
|
||||
</div>
|
||||
<p style="margin-top:10px"><b>Faustregel:</b> Fang mit <b>OpenWebUI</b> an. Wenn du merkst dass
|
||||
du dieselben Aufgaben immer wieder beschreibst und dann manuell umsetzt — wechsle zu
|
||||
<b>OpenCode</b> oder <b>Cline</b>.</p>`],
|
||||
<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 class="tut-row">
|
||||
<div class="tut-cell-hd">Voller Coding-Agent im Editor</div>
|
||||
<div class="tut-cell-bd">→ <b>Cline</b> — liest Dateien, schreibt Code, fragt vor jeder Änderung.
|
||||
VS Code, JetBrains, Zed u.a.</div>
|
||||
</div>
|
||||
<div class="tut-row">
|
||||
<div class="tut-cell-hd">Agent-IDE mit VS Code-Feeling</div>
|
||||
<div class="tut-cell-bd">→ <b>Antigravity</b> — Googles agentic IDE (VS Code-Fork), kostenlos.
|
||||
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>
|
||||
<p style="margin-top:10px"><b>Faustregel:</b> Fang mit <b>Jan AI</b> zum Chatten an.
|
||||
Für Coding: <b>Continue</b> als sanfter Einstieg oder gleich <b>Cline/Antigravity</b>
|
||||
wenn du bereit bist, dem Agenten mehr Kontrolle zu geben.</p>`],
|
||||
|
||||
["OpenCode verbinden und die ersten Schritte", `
|
||||
<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>
|
||||
<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", `
|
||||
<p>OpenWebUI ist installiert? Verbinden in 3 Schritten:</p>
|
||||
["Jan AI — einfachstes Chat-Interface", `
|
||||
<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 & 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 & 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">
|
||||
<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>API-Key: <code>dummy-key</code> (egal was hier steht). Speichern.</li>
|
||||
<li><b>+ OpenAI-Verbindung</b> → Tab <b>Verbinden</b> → <em>OpenWebUI</em> → Basis-URL kopieren.</li>
|
||||
<li>API-Key: <code>dummy-key</code>. Speichern.</li>
|
||||
</ol>
|
||||
<p>Danach oben das Modell wählen (<em>coder</em>, <em>scout</em> oder <em>vision</em>) und loslegen
|
||||
— genau wie bei ChatGPT, nur lokal und privat.</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>Danach Modell auswählen und loslegen. Für einfaches Chatten: <b>Jan AI</b> ist einfacher.
|
||||
OpenWebUI lohnt sich ab dem Moment, wo du mehr als nur Chat willst.</p>
|
||||
<p class="tut-sources">Weitere Infos: <a href="https://openwebui.com" target="_blank" rel="noopener">openwebui.com</a></p>`],
|
||||
],
|
||||
},
|
||||
|
||||
Vendored
+149
-56
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user