Expand deck to 42 slides, add speaker notes, and fix editor artifacts

Adds Grounding, Reasoning-Modelle, Token/Parameter examples, an
autocomplete mini-game, and a Copilot agent-building walkthrough with
a live chat-demo payoff. Adds Sprecher.md with per-slide speaker
cards. Fixes malformed data-def attributes and stray baked-in
active/visible classes left over from in-browser edit-mode sessions,
and stops the local save-in-place backups from being tracked.
This commit is contained in:
Erik Thiele
2026-07-29 11:25:28 +02:00
parent 2633ca0e0d
commit 66204e6f63
5 changed files with 1056 additions and 296 deletions

View File

@@ -16,31 +16,37 @@ const SLIDE_MANIFEST = [
{ id: 9, title: "Mitmach-Spiel: Satz vervollständigen", kapitel: "Wie ein LLM funktioniert", type: "content" },
{ id: 10, title: "LLM: Autovervollständigung", kapitel: "Wie ein LLM funktioniert", type: "content" },
{ id: 11, title: "Token & Parameter", kapitel: "Wie ein LLM funktioniert", type: "content" },
{ id: 12, title: "Reasoning-Modelle", kapitel: "Wie ein LLM funktioniert", type: "content" },
{ id: 13, title: "System-Prompt, User-Prompt, Context", kapitel: "Wie ein LLM funktioniert", type: "content" },
{ id: 14, title: "Beispiel: System- & User-Prompt", kapitel: "Wie ein LLM funktioniert", type: "content" },
{ id: 15, title: "Kontext-Limit & Compact", kapitel: "Wie ein LLM funktioniert", type: "content" },
{ id: 16, title: "Kapitel 3 · Die Modell-Landschaft", kapitel: "Die Modell-Landschaft", type: "divider" },
{ id: 17, title: "Woher kommt das Wissen", kapitel: "Die Modell-Landschaft", type: "content" },
{ id: 18, title: "Modell-Landschaft (GPT, Claude, Gemini …)", kapitel: "Die Modell-Landschaft", type: "content" },
{ id: 19, title: "Wer baut sie, was unterscheidet sie", kapitel: "Die Modell-Landschaft", type: "content" },
{ id: 20, title: "Geschäftsmodell: Womit verdienen sie Geld", kapitel: "Die Modell-Landschaft", type: "content" },
{ id: 21, title: "SEO vs. GEO", kapitel: "Die Modell-Landschaft", type: "content" },
{ id: 22, title: "Wo finde ich diese Modelle", kapitel: "Die Modell-Landschaft", type: "content" },
{ id: 23, title: "Kapitel 4 · Vom Chatbot zum Agenten", kapitel: "Vom Chatbot zum Agenten", type: "divider" },
{ id: 24, title: "Eskalationsleiter: Chatbot → Agent", kapitel: "Vom Chatbot zum Agenten", type: "content" },
{ id: 25, title: "MCP: USB-C für KI", kapitel: "Vom Chatbot zum Agenten", type: "content" },
{ id: 26, title: "Kapitel 5 · Die Grenzen der KI", kapitel: "Die Grenzen der KI", type: "divider" },
{ id: 27, title: "Schwächen der KI (Übersicht)", kapitel: "Die Grenzen der KI", type: "content" },
{ id: 28, title: "Halluzination im Detail", kapitel: "Die Grenzen der KI", type: "content" },
{ id: 29, title: "Kapitel 6 · Sicherheit im Umgang mit KI", kapitel: "Sicherheit im Umgang mit KI", type: "divider" },
{ id: 30, title: "Prompt Injection", kapitel: "Sicherheit im Umgang mit KI", type: "content" },
{ id: 31, title: "Security: weitere Punkte", kapitel: "Sicherheit im Umgang mit KI", type: "content" },
{ id: 32, title: "Kapitel 7 · Praxis & Ausblick", kapitel: "Praxis & Ausblick", type: "divider" },
{ id: 33, title: "Praktische Tipps", kapitel: "Praxis & Ausblick", type: "content" },
{ id: 34, title: "Ausblick", kapitel: "Praxis & Ausblick", type: "content" },
{ id: 35, title: "Glossar", kapitel: "Praxis & Ausblick", type: "content" },
{ id: 36, title: "Closing", kapitel: "—", type: "content", locked: true },
{ id: 12, title: "Token-Beispiel: ein normaler Satz", kapitel: "Wie ein LLM funktioniert", type: "content" },
{ id: 13, title: "Parameter: die Stellschrauben wachsen", kapitel: "Wie ein LLM funktioniert", type: "content" },
{ id: 14, title: "Parameter-Beispiele (Hauspreis, Bild, Sprache)", kapitel: "Wie ein LLM funktioniert", type: "content" },
{ id: 15, title: "Reasoning-Modelle", kapitel: "Wie ein LLM funktioniert", type: "content" },
{ id: 16, title: "System-Prompt, User-Prompt, Context", kapitel: "Wie ein LLM funktioniert", type: "content" },
{ id: 17, title: "Beispiel: System- & User-Prompt", kapitel: "Wie ein LLM funktioniert", type: "content" },
{ id: 18, title: "Kontext-Limit & Compact", kapitel: "Wie ein LLM funktioniert", type: "content" },
{ id: 19, title: "Kapitel 3 · Die Modell-Landschaft", kapitel: "Die Modell-Landschaft", type: "divider" },
{ id: 20, title: "Woher kommt das Wissen", kapitel: "Die Modell-Landschaft", type: "content" },
{ id: 21, title: "Modell-Landschaft (GPT, Claude, Gemini …)", kapitel: "Die Modell-Landschaft", type: "content" },
{ id: 22, title: "Wer baut sie, was unterscheidet sie", kapitel: "Die Modell-Landschaft", type: "content" },
{ id: 23, title: "Geschäftsmodell: Womit verdienen sie Geld", kapitel: "Die Modell-Landschaft", type: "content" },
{ id: 24, title: "SEO vs. GEO", kapitel: "Die Modell-Landschaft", type: "content" },
{ id: 25, title: "Wo finde ich diese Modelle", kapitel: "Die Modell-Landschaft", type: "content" },
{ id: 26, title: "Kapitel 4 · Vom Chatbot zum Agenten", kapitel: "Vom Chatbot zum Agenten", type: "divider" },
{ id: 27, title: "Eskalationsleiter: Chatbot → Agent", kapitel: "Vom Chatbot zum Agenten", type: "content" },
{ id: 28, title: "MCP: USB-C für KI", kapitel: "Vom Chatbot zum Agenten", type: "content" },
{ id: 29, title: "Kapitel 5 · Die Grenzen der KI", kapitel: "Die Grenzen der KI", type: "divider" },
{ id: 30, title: "Schwächen der KI (Übersicht)", kapitel: "Die Grenzen der KI", type: "content" },
{ id: 31, title: "Halluzination im Detail", kapitel: "Die Grenzen der KI", type: "content" },
{ id: 32, title: "Grounding: KI an der Realität verankern", kapitel: "Die Grenzen der KI", type: "content" },
{ id: 33, title: "Grounding-Beispiel: Urlaubstage", kapitel: "Die Grenzen der KI", type: "content" },
{ id: 34, title: "Kapitel 6 · Sicherheit im Umgang mit KI", kapitel: "Sicherheit im Umgang mit KI", type: "divider" },
{ id: 35, title: "Prompt Injection", kapitel: "Sicherheit im Umgang mit KI", type: "content" },
{ id: 36, title: "Security: weitere Punkte", kapitel: "Sicherheit im Umgang mit KI", type: "content" },
{ id: 37, title: "Kapitel 7 · Praxis & Ausblick", kapitel: "Praxis & Ausblick", type: "divider" },
{ id: 38, title: "Praktische Tipps", kapitel: "Praxis & Ausblick", type: "content" },
{ id: 39, title: "Agenten selbst bauen: Microsoft Copilot", kapitel: "Praxis & Ausblick", type: "content" },
{ id: 40, title: "Ausblick", kapitel: "Praxis & Ausblick", type: "content" },
{ id: 41, title: "Glossar", kapitel: "Praxis & Ausblick", type: "content" },
{ id: 42, title: "Closing", kapitel: "—", type: "content", locked: true },
];
const SLIDE_CONFIG_STORAGE_KEY = 'cancomDeckSlideConfig';