feat: zwei neue Demo-Examples hinzufügen (bash-sysreport, html-joke-ticker)

bash-sysreport: /coder von Null — kein Startcode, demonstriert Neuerstellung html-joke-ticker: /optimize --no-tests für Frontend-Arbeit + /patch Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-29 21:56:12 +02:00 · 2026-05-29 21:56:12 +02:00 · cd7bf38dfa
commit cd7bf38dfa
parent 1c773029b5
7 changed files with 171 additions and 6 deletions
--- a/examples/html-joke-ticker/PROTOKOLL.md
+++ b/examples/html-joke-ticker/PROTOKOLL.md
@ -0,0 +1,17 @@
+# Demo-Protokoll: html-joke-ticker
+
+## Lauf 1
+
+**Datum:**
+**Befehl:**
+```
+/optimize "Ergänze jokes.html ..." --no-tests
+```
+**Startzeit:**
+**Endzeit:**
+**Dauer (min):**
+**Runden:**
+**Endergebnis:** PASS / PASS WITH CONCERNS / SHIP / NO-SHIP
+**Besonderheiten / Beobachtungen:**
+
+---
--- a/examples/html-joke-ticker/README.md
+++ b/examples/html-joke-ticker/README.md
@ -0,0 +1,52 @@
+# HTML Witze-Ticker
+
+Minimales HTML-Skelett — Struktur vorhanden, aber keine Logik.
+Die Witz-Anzeige, der Timer und die Buttons fehlen noch vollständig.
+
+## Aktueller Stand
+
+```
+jokes.html   HTML-Skelett: <h1> + leeres <div id="joke"> — kein JavaScript, kein CSS
+```
+
+## Demo: `/optimize --no-tests`
+
+```
+/optimize "Ergänze jokes.html um eine vollständige Witz-Anzeige:
+           - JavaScript-Array mit mind. 20 deutschen Witzen (inline, kein externes API)
+           - Beim Laden: sofort zufälliger Witz
+           - Automatischer Wechsel alle 60 Sekunden (setInterval)
+           - Sanfter Fade-Übergang (CSS-Transition)
+           - Anzeige: Index (3/20) und Countdown-Sekunden bis zum nächsten Witz
+           - Button 'Nächster Witz' zum manuellen Weiterblättern
+           Kein Framework, kein Build-Tool — reines HTML/CSS/JS." \
+          --no-tests
+```
+
+**Was pi-coder hier zeigt:**
+- Frontend-Arbeit ohne automatische Test-Suite (`--no-tests`)
+- Vollständige Implementierung in einer einzigen HTML-Datei
+- Judge bewertet Korrektheit durch Code-Review statt durch Tests
+
+## Folge-Demo: `/patch` für Kleinstergänzung
+
+```
+/patch "Füge einen 'Vorheriger Witz'-Button hinzu."
+```
+
+Zeigt eine gezielte Minimaländerung ohne vollen Judge-Loop.
+
+## Manueller Test
+
+```bash
+# Im Browser öffnen:
+xdg-open jokes.html
+# oder:
+firefox jokes.html
+```
+
+Prüfen:
+- Beim Laden erscheint sofort ein Witz
+- Countdown läuft von 60 auf 0
+- Nach 60 Sekunden erscheint automatisch ein neuer Witz mit Fade
+- „Nächster Witz"-Button wechselt sofort und setzt den Timer zurück
--- a/examples/html-joke-ticker/jokes.html
+++ b/examples/html-joke-ticker/jokes.html
@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <title>Witze-Ticker</title>
+</head>
+<body>
+  <h1>Witze-Ticker</h1>
+  <div id="joke"><!-- TODO: Witz hier --></div>
+</body>
+</html>