vibecoding

aus ideen werden eigene werkzeuge

Hannes Pix Impuls für vave · 30 Minuten, danach Fragen
wer hier spricht

Hannes Pix

KI-Experte aus der Landesverwaltung

Mit verschiedenen Abteilungen Lösungen entwickelt, in ganz unterschiedlichen Formaten.

Mit dem Regierungspräsidenten immer wieder neue Formate, auch intern im Haus.

Vorträge wie dieser. Mein Antrieb:

Berufung. Faszination. Begeisterung.

ein satz vorweg

„The hottest new programming language is English.“

Andrej Karpathy, Januar 2023

Deutsch geht übrigens auch.

anfangen

beschreiben statt programmieren

01 / woher der begriff kommt

„There's a new kind of coding I call ‚vibe coding‘, where you fully give in to the vibes, embrace exponentials, and forget that the code even exists.“

Andrej Karpathy, 2. Februar 2025

Neun Monate später kürt Collins „vibe coding“ zum Wort des Jahres 2025.

01 / was ein sprachmodell tut

Es rät das nächste Wort.

Sehr gut. Milliardenfach geübt. Und manchmal daneben.

anpacken

vom chat zum agenten

02 / was ein agent ist

Ein Modell, das anpackt. Runde für Runde.

Es liest Dateien, führt Befehle aus, prüft das Ergebnis und macht weiter, bis der Auftrag erfüllt ist.

Der Engpass ist nicht mehr das Schreiben. Sondern das Wissen, was man will.

festhalten

das wichtige bleibt im projekt

03 / kennst du das?

Der Chat ist weg. Die Arbeit auch.

Ein Gespräch ist kein Projekt. Was nicht als Datei existiert, existiert nicht.

planstand

woher git kommt

04 / woher git kommt

4 Tage.

April 2005: Dem Linux-Kernel fehlt plötzlich sein Werkzeug. Linus Torvalds schreibt ein neues, nach vier Tagen verwaltet Git sich selbst.

Erster Commit, 7. April 2005: „Initial revision of 'git', the information manager from hell“

04 / der name

„I'm an egotistical bastard, and I name all my projects after myself. First ‚Linux‘, now ‚git‘.“

Linus Torvalds, 2005

Britisch für „Blödmann“. Die Handbuchseite sagt bis heute: git – the stupid content tracker.

bewahren

tausend jahre code

05 / kurioses

1000 Jahre.

2020 bannt GitHub den öffentlichen Code der Welt auf Film und lagert ihn in einem stillgelegten Bergwerk auf Spitzbergen ein.

GitHub Archive Program · Arctic Code Vault, Spitzbergen · 21 Terabyte auf 186 Filmrollen

05 / git in zwei minuten

Ein Ordner mit Gedächtnis.

commit

Ein Schnappschuss

mit Nachricht: wer, was, warum.

branch

Ein Abzweig

zum Ausprobieren, ohne zu stören.

diff

Der Unterschied

Zeile für Zeile: neu, weg, anders.

pull request

Der Vorschlag

prüfen, besprechen, zusammenführen.

remote

Gemeinsame Kopie

auf GitHub, GitLab oder eigenem Server.

Das Repo gehört euch. Egal, welcher Agent als Nächstes kommt.

zusammen

zwei linien, ein moment

06 / zwei linien

Sprache trifft Gedächtnis.

Sprachmodelle schreiben, Git erinnert sich. Zusammen entstehen Werkzeuge, die bleiben.

06 / so läuft eine runde

Beschreiben. Ausprobieren. Freigeben.

beschreiben

„Manchmal kommt es bei neuen Folien zu flackernden Rechtecken beim Folienwechsel. Kannst du das erklären und beheben?“

Auftrag in Alltagssprache

ausprobieren

− will-change: transform;

− mix-blend-mode: screen;

+ visibility: hidden;

Branch · Diff · Prüfungen grün

freigeben

#11 Folienwechsel ohne Flackern

#12 Hintergrundeffekte entlastet

geprüft · übernommen · live

Die KI arbeitet mit. Wir entscheiden, was bleibt.

beauftragen

sagen, was man will

07 / mein auftrag, wörtlich

Beschreibt das Gefühl. Nicht den Code.

Kannst du mir für die Inhaltsfolien passende moderne animierte cool aussehende bewegte vektorbasierte Grafiken erzeugen und einbauen! Ich will Leben, Bewegung und einfach cleanen Look! Und bildliche Erzählung.

pull request #13

Animierte Vektor-Infografiken für die sechs Inhaltsfolien

Daraus wurden die Animationen, die ihr heute seht.

prüfen

show me the diff

08 / was gut funktioniert

Drei Regeln.

Klein beauftragen.

Eine Sache pro Runde.

Alles ins Repo.

Notizen, Regeln, Code. Dann darf der Chat vergessen.

Nichts ungeprüft.

Ausprobieren, Diff lesen, dann freigeben.

Und immer: Zugangsdaten nie ins Repo, Kundendaten nur mit Freigabe.

08 / ein satz zum merken

„Talk is cheap.
Show me the code.“

Linus Torvalds, August 2000

Fünfundzwanzig Jahre später: Show me the diff.

loslegen

ein pilot, ein repo, ein nachmittag

09 / so fangt ihr an

Fangt klein an. Aber fangt an.

der erste schritt

Ein Pilot
in zwei Wochen

Klein, echt, mit Tests.
Etwas, das im Alltag fehlt.

die gemeinsame grundlage

Ein Repo
pro Werkzeug

Code, Wissen, Anweisungen
und Freigaben an einem Ort.

Ein Agent, ein Konto, ein Browser. Mehr braucht es nicht.

09 / zum schluss

Diese Folien sind genau so entstanden.

Ein Repo, rund zwanzig Pull Requests, ein Wochenende. Beschrieben, geprüft, freigegeben.

Was baut ihr als Erstes?

github.com/hannespix/vibestudio

Danke

fragen · ideen · nächste schritte

Hannes Pix Folien: hannespix.github.io/vibestudio/vave
01 / 28☰

Alles im Flow

← → / Leertaste
Folien wechseln
F
Vollbild
Esc / O
Folienübersicht
N
Sprechernotizen
M
Bewegung pausieren
P
Automatischer Durchlauf
E
Bearbeiten / Präsentieren
Home
Zum Anfang

Offline nutzbar. Alle Inhalte sind im Paket enthalten.
Beispielansichten sind als Demo gekennzeichnet.