WOCHE 04

Mitarbeiter bauen. Eigenes KI-Ökosystem starten.

KI & DATA SCIENCE · WOCHE 04 · PRAXIS-WORKSHOP

Mitarbeiter bauen.
Leistung belegen.

Praxis-Checkliste, KI-Fotostudio & visuelles Agenten-Labor · Prof. Dr. Mathias Engel

🛠️ 6 Hands-on Schritte 📸 KI-Fotostudio & Avatar 🔬 3 Live-Simulatoren
32-Folien-Archiv ↗
Spezialisierter Worker mit Werkzeugen, Memory und menschlicher Prüfung
Prof. Dr. Mathias Engel · KI & Data Science · Woche 04
[D1] [TR1] [M1]
01

WOCHE 04 · DIE 6 WORKSHOP-MEILENSTEINE IM ÜBERBLICK

Praxis-Checkliste: In 6 Schritten zum eigenen KI-Portfolio

Fortschritt:
0 / 6
01 · GitHub & Pages

Account & Pages-Basis

Eigenes Konto anlegen, Public Repo username.github.io starten und kostenloses Web-Hosting aktivieren.

02 · KI-Fotostudio & Web

Character Sheet, Avatar & Onepager

ProfEngel GitHub Avatar Eigenes Portrait → Character Sheet, ProfEngel-Icon & Bewerbungsfotos + Karriere-Onepager.
03 · Git & CLI-Brücke

Upload-Befähigung für Codex

Git & GitHub CLI (gh auth login) verbinden, damit Codex / Antigravity nach Freigabe direkt pushen kann.

04 · Erstes Demo-Repo

Cross-Platform Lern-PWA

Installierbare Web-App (manifest.webmanifest, sw.js) für iOS, Android, macOS & Windows bauen.

05 · Trinity-Architektur

Sokratischer Tutorial-Agent

Multi-LLM-Tutor (Lokale API, Codex, Antigravity) nach trinity-agenten.html mit Skript-Upload bauen.

06 · Repo-Finishing

GitHub Pages & DE/EN README

Apps live schalten und zweisprachige README.md (Deutsch / Englisch) für Recruiter & Portfolio ergänzen.

Prof. Dr. Mathias Engel · KI & Data Science · Woche 04 Workshop
[TR1] [D1]
02

WORKSHOP PHASE 1 · SCHRITT 01 & 02 · IDENTITÄT, KI-FOTOSTUDIO & ONEPAGER

GitHub-Basis, Character Sheet, GitHub-Icon & Bewerbungsfotos

Fortschritt:
0 / 6
SCHRITT 01 · GRUNDSTEIN

Eigenes GitHub-Konto & Pages-Basis

GitHub ist Ihr kostenloses Hosting und Arbeitsmarkt-Portfolio für alle Apps und Agenten dieses Semesters.

  • Konto & 2FA: Auf github.com registrieren (seriöser Handle, z. B. vorname-nachname).
  • Root-Repository: Neues Public-Repo exakt mit Namen <username>.github.io (+ Haken bei Add a README file).
  • Pages aktivieren: Unter Settings → Pages → Deploy from a branch auf main / (root) stellen.

💡 BWL-Nutzen: Jedes Semesterprojekt wird sofort unter https://<username>.github.io per Link oder QR-Code auf dem Smartphone vorführbar.

github.com/new ↗
SCHRITT 02 · KI-FOTOSTUDIO & ONEPAGER

Eigenes Portrait reinladen → 3 Bild-Assets + Karriere-Onepager

Laden Sie ein Smartphone-Portrait von sich hoch und erzeugen Sie daraus Ihre visuelle Identität für GitHub & Bewerbungen:

Vorbild: ProfEngel GitHub-Icon Vorbild: ProfEngel github.com/ProfEngel
1 · Character Sheet Konsistentes Referenzblatt (Front, 45°-Profil, Mimik & Business-Look) aus Ihrem Portrait.
2 · GitHub-Avatar Sympathisches Illustrations-Icon exakt im Stil des ProfEngel-Avatars (runder Sticker-Look).
3 · Bewerbungsfotos Fotorealistische Studio-Portraits (Creme/Petrol-Fond) für Lebenslauf, LinkedIn & Onepager.

🎯 Kombi-Workflow: Erst mit dem Bild-Prompt Character Sheet, GitHub-Icon (avatar.png) & Bewerbungsfoto (portrait.jpg) generieren – danach baut Codex per 5-Fragen-Interview Ihren Karriere-Onepager (index.html) inkl. Ihrer Bilder!

WORKSHOP PHASE 2 · SCHRITT 03 & 04 · DEPLOYMENT-PIPELINE & CROSS-PLATFORM PWA

Codex-Upload-Befähigung & eigene „KI-Lernwerkstatt“ (PWA)

Fortschritt:
0 / 6
SCHRITT 03 · DEPLOYMENT-BRÜCKE

Upload-Befähigung für Codex (gh auth login)

Damit Ihr Coding-Agent Projekte direkt auf Ihr GitHub-Konto übertragen kann, verbinden wir Terminal und GitHub über den sicheren Browser-Flow.

  • Identität prüfen: git config --global user.name & user.email setzen.
  • Browser-Login: gh auth login starten → HTTPS → Login with a web browser.
  • Human-in-the-Loop (HITL): Vor jedem git push nennt der Agent Ziel-Repo, Dateiliste und Sichtbarkeit und wartet auf Ihre Bestätigung.

🛡️ Governance-Regel: Niemals Passwörter, 2FA-Codes oder Personal Access Tokens in einen KI-Chat tippen! Authentifizierung läuft ausschließlich über den System-Login.

SCHRITT 04 · ERSTES DEMO-REPO

Cross-Platform PWA: „KI-Lernwerkstatt“

Wir bauen das Repo ki-lernwerkstatt-pwa als offline-fähige Progressive Web App für iOS, Android, macOS und Windows.

  • 3 interaktive Module: (1) BWL-Karteikarten-Trainer, (2) ROI-/Amortisations-Simulator mit Live-Sliders, (3) lokaler JSON-Export/Import.
  • PWA-Technik lokal: index.html, manifest.webmanifest, sw.js (Service Worker Cache) und SVG/PNG-Icons mit relativen Pfaden (./).
  • Überall installierbar: iPhone/iPad (Teilen → Zum Home-Bildschirm), Android, macOS (Zum Dock) & Windows (Edge/Chrome App-Symbol).

💡 W03/W04-Brücke: Deterministische BWL-Rechenlogik läuft 100 % lokal und kostenlos im Browser – ohne laufende API-Kosten!

Prof. Dr. Mathias Engel · KI & Data Science · Woche 04 Workshop
[OCLI] [D1]
04

WORKSHOP PHASE 3 · SCHRITT 05 & 06 · SOKRATISCHER AGENT & REPO-FINISHING

Sokratischer Multi-LLM-Tutor & zweisprachiges GitHub-Portfolio

Fortschritt:
0 / 6
SCHRITT 05 · TRINITY-AGENTENARCHITEKTUR

Sokratischer Tutorial-Agent (Multi-LLM & Skript-Upload)

Nach Vorbild von trinity-agenten.html ↗ bauen wir einen Tutor-Agenten (AGENTS.md < 1.600 Zeichen, role.yaml, Memory) mit 3-Wege-Modell-Umschalter:

1 · Lokale OpenAI-API localhost:11434/v1 (Ollama) oder :1234/v1 (LM Studio) – 0 € & 100 % privat.
2 · OpenAI / Codex GPTs Direkter Lauf in Codex CLI oder per eigenem API-Key (nur lokal im RAM, nie im Repo!).
3 · Antigravity / Gemini Ausführung direkt im Antigravity-Harness bzw. über Gemini-Schnittstelle.
  • Skript-Upload & Sokratischer Modus: Eigene Vorlesungsskripte (.md/.txt/.json) reinladen; der Agent verrät Lösungen nicht sofort, sondern führt durch gezielte Gegenfragen zur Erkenntnis.
SCHRITT 06 · FINISHING & DOKUMENTATION

GitHub Pages Live-Check & Zweisprachige README.md (DE / EN)

Ein Repository wirkt erst dann professionell, wenn Live-Demo und Dokumentation für deutsch- und englischsprachige Stakeholder sofort verständlich sind.

  • GitHub Pages aktivieren: In jedem Projekt-Repo unter Settings → Pages den Branch main freigeben und Live-URL im oberen About-Feld eintragen.
  • Bilinguale README.md (🇩🇪 Deutsch / 🇬🇧 English): Mit Sprach-Sprungmarken, Live-Demo-Badge, Funktionsübersicht, Architektur-Tabelle, Cross-Platform-Installationsweg und Privacy-/Governance-Hinweis.
  • Auf Ihrem Onepager verlinken: Alle Live-Demos direkt auf Ihrer Hauptseite username.github.io als Projektkacheln einbinden.

🎓 Tagesziel erreicht: Eigenes GitHub-Portfolio + KI-Fotostudio-Assets + Karriere-Onepager + Lern-PWA + Sokratischer Tutor-Agent!

VISUELLES AGENTEN-LABOR 1 / 3 · ANATOMIE EINES KI-MITARBEITERS (FOLIEN 04–07 KOMPAKT)

Klicke auf die 6 Bausteine: Was braucht ein verlässlicher Agent?

BAUSTEIN 01 VON 06 · BITTE IM BILD ANKLICKEN

1 · Der Auftrag (Klemmbrett / role.yaml)

Ein KI-Mitarbeiter ist kein allwissendes Orakel, sondern ein spezialisierter Sachbearbeiter. Im Auftrag steht klar, was er prüfen soll – und welche Entscheidung er niemals eigenmächtig treffen darf.

💡 BWL-Praxisregel für Entscheider

Keine 20-seitigen Prompt-Romane! Unsere Trinity-Konvention hält die Basis-Instruktion kompakt (< 1.600 Zeichen) und lagert Details sauber in Skills und Werkzeuge aus.

Spezialisierter KI-Mitarbeiter mit 6 klickbaren Bausteinen
Prof. Dr. Mathias Engel · KI & Data Science · Verdichtete Infografik (Folien 04–07)
[W04-P1] [W04-H1] [TR1]
06

VISUELLES AGENTEN-LABOR 2 / 3 · HARNESS, MEMORY & HÄRTETESTS (FOLIEN 08–19 KOMPAKT)

Live-Simulator: Wie der Harness Fehler & Angriffe abfängt

1 · Input / Dokument Event E01 (30 Pers.) Raum R1 (2 Std. à 80 €) + Catering C1 (30 × 12 €). Basisbudget: 600 €.
2 · SQLite-Memory Kein Override aktiv Projekt-Memory liefert bestätigten Standardwert: 600 € Maximalbudget.
3 · Python-Toolcheck 160 € + 360 € = 520 € Deterministisches Skript rechnet exakt: 520 € Kosten, 80 € Restbudget.
4 · Freigabe / HITL Vorschlag gültig ✅ Entwurf wird gespeichert. Keine automatische externe Buchung ohne Mensch.
Befund E01 (Normalfall): Das Sprachmodell schätzt nicht im Kopf, sondern ruft das Python-Rechentool auf. Ergebnis (520 € Kosten, 80 € Rest) ist deterministisch belegt.
Visualisierung des gewählten Prüffalls

Metapher: Der Harness (Codex) lenkt das Modell über echte Prüfwerkzeuge und verhindert Freiflug-Halluzinationen.

Prof. Dr. Mathias Engel · KI & Data Science · Verdichtete Simulation (Folien 08–19)
[D1] [M1]
07

VISUELLES AGENTEN-LABOR 3 / 3 · KONZIL, ROI-RECHNER & BIG PICTURE (FOLIEN 20–31 KOMPAKT)

Multi-Agenten-Konzil, BWL-Kostenrechner & Gesamtarchitektur

Warum zwei spezialisierte Agenten besser prüfen als einer

Wie bei einer Fallkonferenz im Krankenhaus (Radiologie + Chirurgie + Innere Medizin) trennen wir Planung und Prüfung. Beide teilen das Projektwissen, aber nicht ihr privates Gedächtnis:

👷 Worker 1: Eventplaner

Erstellt den konkreten Raum- und Cateringvorschlag samt Quellenbelegen.

🕵️ Worker 2: Planprüfer

Prüft unabhängig auf Budget-, Kapazitäts- und Sicherheitsverstöße.

👩‍💼 Mensch (HITL)

Sieht Konfliktliste auf einen Blick und trifft die finale Freigabeentscheidung.

Klinik-Konzil, Benchmark und Big Picture

Klinik-Konzil: Verschiedene Fachdisziplinen prüfen getrennt – die finale Entscheidung bleibt beim Menschen.

Vollständiger Auftrag / Copy-Prompt


  

  
    

      
Moderation & Workshop-Fahrplan

      
    

    

    
    
    

      

        
Aktuelle Folie

        

      

      

    

  

  
    

      

      
    

    

    
Separat öffnen ↗