Wir verwenden GMLS (Generative Machine Learning Systeme) nach Beat Döbeli Honegger statt «KI». Warum wir den Begriff «Künstliche Intelligenz» vermeiden sollten · Warum GMLS und nicht einfach LLM?
Vibe Coding und Agentic Coding sind grundverschieden. Vibe Coding (Andrej Karpathy): Idee beschreiben, Code kopieren, schauen ob es läuft. Agentic Coding: Das System plant, programmiert, testet und deployt — der Mensch kuratiert, gestaltet UX und iteriert am Produkt. Wie der Unterschied zwischen GPS-Navigation und einem selbstfahrenden Auto.
Der Automatisierungsgrad hat sich komplett umgekehrt. Von 80/20 manuell/auto über 20/80 bis dahin, dass kein Code mehr von Hand geschrieben wird. Die Stunden fliessen in Kuratierung, UX und Produktentscheidungen. Dieser Wechsel passierte innerhalb eines Jahres — beschleunigt dadurch, dass die Tools selbst (Claude Code, GPT Codex u.a.) massiv dazugelernt haben.
Von «funktioniert es?» zu «ist es das, was ich wollte?» Anfangs war der Code oft fehlerhaft. Inzwischen funktioniert er zuverlässig. Die Herausforderung verschiebt sich: Wie präzise lässt sich eine Vision beschreiben — technisch und gestalterisch?
Vom Entwickler zum Kurator. Die Rolle verschiebt sich: UX, Benutzerführung und visuelles Design werden iterativ mit dem System erarbeitet. Code schreibt das System — Kuratierung, Produktgespür und Feinarbeit an der Oberfläche bleiben beim Menschen.
Refactoring: Bestehende Projekte migrieren und modernisieren. Flash→HTML5, alte Codebases aufräumen, Techstacks wechseln — hat in der Praxis durchgehend gut funktioniert.
Reverse-Engineering: ROMs analysieren, Hex-Daten interpretieren, Spielwelten extrahieren. Auch bei unkonventionellen Aufgaben überraschend leistungsfähig. Dazu komplette Spiele und Game-Engines — von Scratch bis WebGL-FPS.
MCP fest im Workflow. Model Context Protocol verbindet Claude Code mit externen Diensten — Browser, Office-Anwendungen, Datenbanken, APIs. Das System bedient GUIs eigenständig, liest und schreibt Dateien, steuert Webseiten. Über angebundene Messenger (Telegram, Slack u.a.) können Dritte Änderungswünsche einreichen, die automatisch umgesetzt und deployt werden.
Spracheingabe ergänzt die Tastatur.
Anforderungen und Texte lassen sich per Sprache diktieren. Bisher über einen Umweg: die Spracheingabe von ChatGPT zweckentfremdet als Diktiertool für Claude Code. Mit dem kommenden /voice-Befehl wird Sprache nativ in Claude Code integriert.
Die Tool-Landschaft hat sich komplett gewandelt. Von GPT-Funktionen über IDE-Plugins (Copilot) und GMLS-IDEs (Cursor, Windsurf) bis zu eigenständigen Terminal-Tools. Nicht mehr Assistenten im Editor — eigenständige Systeme.
Brauchen wir noch klassische Benutzeroberflächen? Über MCP bedienen GMLS andere Apps per REST, API oder UI — und können deren Daten aggregieren und in Formen aufbereiten, die in der App selbst gar nicht vorgesehen sind. Beispiel: Ein LMS hat die Daten über Schüleraktivitäten, aber nicht die Auswertung, die gerade gebraucht wird. Per MCP werden die Daten abgeholt und neu zusammengestellt. Schnittstellen werden für GMLS designt, nicht für den Endnutzer. Und weil Agentic Coding so schnell geht, lohnen sich selbst Einmal-Apps. Früher undenkbar, heute: einfach machen.
Barrierefreiheit bekommt eine neue Dimension. Chat und Sprache als Interface senken Hürden massiv. Agentic Coding erlaubt es, Barrierefreiheit in bestehenden Anwendungen ernsthaft mitzudenken — was bisher oft an fehlenden Ressourcen gescheitert ist.
Die Phasen
Schon seit GPT werden GMLS fürs Programmieren genutzt — Funktionen generieren, IDE-Plugins wie GitHub Copilot, GMLS-IDEs wie Cursor und Windsurf. Das war aber noch massiv fehleranfällig, führte oft zu Frust und gab kein gutes Bild ab von Coden mit GMLS. In dieser Phase noch viel Copy-Paste aus dem Chat, Debugging von Hand, Deployment über GUI.
Refactoring eines alten kibs.ch-Projekts — Pixel-Art Avatar-Generator
Flash→HTML5 Refactoring, WebSockets ausprobiert
Gitarrenchords lernen — 2-3 Shots Quick-Demo
Schnelles FPS-Experiment — Vorarbeit zur EMgine
PS1 ROM Reverse-Engineering — Hex knacken, Spielwelten extrahieren, WebGL
Extrahierte PS1-Spielwelten im Browser rendern — WebGL 3D-Viewer
«Ehrenprojekt» — 9-10 Min Aufwand, komplettes Refactoring
Umstieg auf Claude Code (CLI). Erste komplette App von Null gebaut — inklusive Server-Setup, Datenbank und Deployment. Der Workflow hat sich fundamental verändert.
V2 von Grund auf — Testdaten-Generator, 80% Claude Code
Testbeispiel in 2-3 Shots — Demo des neuen Workflows
Karteneditor von 2D in 3D FPS Games — WebGL
Version 1 der Musikmarker — Musik machen mit selbst entwickelten AR-Markern im Browser
Python-Generator für SB3-Dateien — Claude Code hat das Scratch-3-Format gelernt und kann Spiele per Text/Stimme programmieren
Scratch
Nov – Dez 2025 · Meilenstein
Vier Projekte rund um Scratch — nicht um zu zeigen, dass GMLS Scratch automatisieren können (das liegt auf der Hand), sondern um herauszufinden: Was bleibt eigentlich übrig, wenn das Tool den Code schreibt? Worauf muss man sich konzentrieren?
- Scratchzertifikat — Zertifikats-Generator für Scratch-Kurse
- Scratchboard — Digitale Pinwand — Kinder pinnen ihre Scratch-Projekte an
- Scratch Generator — Python-Generator für SB3-Dateien — Spiele per Text/Stimme erstellen
- Scratch Editor — Visueller Scratch-Editor im Browser
Claude Code übernimmt fast alles — von der Architektur über Tests bis zum Deploy. Der Fokus auf Kuratierung, UX und visuelle Gestaltung kristallisiert sich hier stärker heraus.
Digitale Pinwand — Kinder pinnen ihre Scratch-Projekte an
Zertifikats-Generator für Scratch-Kurse — 100% Claude Code
Storytelling-Plattform — reines Techstack-Refactoring
Wolfenstein-3D-Style FPS im Browser — Three.js
2D-Kampfspiel im Browser — Charakterauswahl, Attacken
Modulare FPS-Engine — Three.js, JSON-konfiguriert, eigenes Levelformat
MCP-Server Integration
Jan 2026 · Meilenstein
Model Context Protocol (MCP) verbindet Claude Code mit externen Diensten. Lehrkräfte können Change-Requests direkt per Chat-Nachricht einreichen — Claude setzt sie um und deployt automatisch.
- Direkte Integration in Messaging-Dienste
- Change-Requests von Lehrkräften per Chat
- Automatische Umsetzung und Deployment
Claude Code übernimmt Planung, Programmierung, Tests und Deployment. Der Fokus liegt auf Kuratierung, UX-Design und Benutzerführung — dabei fallen weiterhin substantielle Stunden an, die aber ins Produkt fliessen statt in Code.
Spieleplattform — 100% Agentic, Input: Kuratieren/UX
Karteneditor — Teil der Spielwerkstatt
Würfelspiel-Editor — Teil der Spielwerkstatt
Musik machen mit AR-Markern im Browser — 100% Agentic, 50-60h
Notenspiegel mal anders — Bewertungen visualisieren in der Oberstufe
Komplettes CMS für einen Zauberkünstler — Website-Editor (Startseite, Leistungen, Galerie, Testimonials, FAQ, Event-Profile, Medienbibliothek), Buchungen & Finanzen, E-Mail/SMS-Versand, Analytics
11 Zauber-Apps (Gedankenleser, Hellseher, Zahlenprophet, Spicker, Fälscher u.a.) + Micro:Bit Workshop-Dokumentation — Login-geschützt
Mediathek mit 51 klassischen Serien-Intros — Retro-Ästhetik, Scanline-Effekte, durchsuchbares Grid
Showcase
Automatisierungsgrad im Überblick
Praktische Tipps
Server-Setup als Test
Einmaliger Test mit einem frisch gekauften Server: MySQL, PHP, Nginx und SSL — komplett über das Terminal eingerichtet. Daraus abgeleitet: Mit lokalen SSH-Keys und rsync lässt sich wunderbar lokal entwickeln und deployen.
# Claude Code verbindet sich direkt
ssh root@server "apt install nginx php-fpm mysql-server"
# SSL via Let's Encrypt
certbot --nginx -d bastelkram.chDeploy mit rsync + SSH-Keys
Kein CI/CD-Pipeline nötig. Claude deployt lokal per rsync — schnell, einfach, zuverlässig. Ein Befehl, alles online.
#!/bin/bash
rsync -avz \
--exclude='.git' --exclude='.DS_Store' \
--exclude='deploy.sh' \
./ admin@server:/var/www/bastelkram.ch/MCP für Lehrkräfte-Requests
Ausgewählte Personen testen mit einem begrenzten Token-Kontingent: Änderungswünsche per Chat eingeben, Claude setzt um und deployt automatisch.
// .claude/settings.json
{
"mcpServers": {
"telegram": {
"command": "npx",
"args": ["telegram-mcp-server"]
}
}
}
«Man fühlt sich wie Iron Man mit Jarvis.»