In diesem praxisnahen Präsenzworkshop entwickelst du eine moderne Astro-Landingpage – von der ersten Idee bis zu einem getesteten Ergebnis, das tatsächlich veröffentlicht werden kann.
Du erlebst live, wie professionelles Vibe Coding funktioniert: mit klaren Regeln, einem nachvollziehbaren Entwicklungsprozess und automatisierten Qualitätsprüfungen. Statt KI-generierten Code blind zu übernehmen, lernst du, OpenCode gezielt zu steuern und die Ergebnisse mit statischer Analyse, curl-Checks sowie Cypress-Tests abzusichern.
Nach der gemeinsamen Live-Demo setzt du das Gelernte direkt am eigenen Rechner um. Die Gruppe bleibt bewusst klein, damit individuelle Fragen und konkrete Herausforderungen aus deinen eigenen Projekten berücksichtigt werden können.
Das lernst du im Workshop
- Eine Astro-Landingpage mit OpenCode aufsetzen
- OpenCode mit Ollama und lokalen Modellen nutzen
- KI mithilfe klarer Regeln reproduzierbar steuern
- Die OneShot-Best-Practice-Datei verstehen und anpassen
- Doppelte Logik durch einen API-First-Ansatz vermeiden
- Statische Codeanalyse in den Entwicklungsprozess integrieren
- Seiten und Endpunkte mit curl-Checks überprüfen
- Frontends mit Cypress-Tests absichern
- Varianten für A/B-Tests entwickeln
- Aus einem schnellen Prototyp ein belastbares Ergebnis machen
- Eine unabhängige KI-Infrastruktur ohne verpflichtendes US-Abo einordnen
Ablauf des Workshops
Die Gesamtdauer beträgt etwa 5,5 Stunden einschließlich Pausen und Setup-Check.
Ankommen und Setup-Check – ca. 30 Minuten
Gemeinsam prüfen wir, ob OpenCode, Ollama, Node und Astro auf allen Rechnern einsatzbereit sind.
Vorstellungsrunde – ca. 10 Minuten
Welche Tools nutzt du bereits und was möchtest du aus dem Workshop mitnehmen?
Präsentation: Wie Profis mit KI arbeiten – ca. 50 Minuten
Du lernst, warum klare Regeln wichtiger sind als spontane Prompts. Wir gehen die OneShot-Best-Practice-Datei Schritt für Schritt durch und betrachten typische Stellen, an denen KI-generierter Code in der Praxis scheitert.
Kurze Pause – ca. 10 Minuten
Gemeinsame Live-Demo – ca. 50 Minuten
Wir entwickeln zusammen eine Astro-Landingpage von Grund auf. Jeder Schritt wird erklärt und durch direkt anwendbare Hands-on-Tipps ergänzt.
Mittagspause – ca. 60 Minuten
Ergebnis gemeinsam verbessern – ca. 50 Minuten
Wir ergänzen Regeln, statische Codeanalyse, curl-Checks und Cypress-Tests. So wird aus dem ersten Prototyp eine Landingpage, die tatsächlich live gehen darf.
Kurze Pause – ca. 10 Minuten
Selbst ausprobieren – ca. 50 Minuten
Du setzt ein eigenes Thema oder eine eigene Variante um – beispielsweise für einen A/B-Test. Dabei erhältst du persönliche Unterstützung direkt am Rechner.
Abschluss und nächste Schritte – ca. 10 Minuten
Freiwillige präsentieren ihre Ergebnisse. Anschließend erhältst du ein Handout und konkrete Empfehlungen für die weitere Arbeit.
Remote-Setup vor dem Workshop
Vor dem Präsenztermin findet ein gemeinsamer Remote-Setup-Termin statt. Dabei installieren und konfigurieren wir:
- OpenCode
- Ollama mit einem lokalen Modell
- Node
- Astro
Zusätzlich erhältst du eine schriftliche Anleitung. Dadurch können wir beim eigentlichen Workshop direkt mit den Inhalten beginnen und verlieren vor Ort keine Zeit mit umfangreichen Installationen.
Das ist enthalten
- Praxisworkshop in einer kleinen Gruppe
- Gemeinsamer Remote-Setup-Termin
- Schriftliche Installationsanleitung
- Präsentation und ausführliche Live-Demo
- Persönliche Unterstützung während der Praxisphase
- Handout für die weitere Arbeit
- Eigene funktionsfähige Astro-Landingpage
- Übertragbare Regeln und Qualitätsprüfungen für zukünftige KI-Projekte
Voraussetzungen
Bitte bringe einen eigenen Laptop zum Workshop mit. Grundlegende Erfahrungen in der Webentwicklung sind hilfreich. Vorkenntnisse mit Astro, OpenCode oder Ollama sind nicht erforderlich, da das technische Setup vorab gemeinsam vorbereitet wird.
Am Ende des Workshops hast du keine reine Spielzeug-App, sondern eine funktionierende Landingpage und einen erprobten Workflow, mit dem du KI-generierten Code nachvollziehbar entwickeln, testen und zuverlässig verbessern kannst.
