30 Jahre lang hat man Software eingekauft.Heute baut man sie über Sprachnachrichten.
Schön, dass ihr da seid. Schnappt euch einen Drink.
×
Bevor wir starten
Handys raus.
Code scannen, Namen eintragen – und live dabei sein: Reaktionen schicken, Fragen stellen, später selbst durchklicken.
0Leute sind schon live dabei
K&R Advertising
David Klein & Nicolas Rose.
Wir verstehen, wie Unternehmen wirken wollen. Und können das nach außen transportieren.
K&R unterstützt mittelständische Unternehmen in der Digitalisierung und Optimierung ihrer Außenwirkung.
2019Gegründet in Frankfurt am Main
20267 Jahre K&R Advertising
Awards & Auszeichnungen
Mehrfach ausgezeichnet.
Offizieller Gewinner
Deutscher Agenturpreis & German Web Award – für herausragendes Webdesign und Markenentwicklung.
Unsere Kunden & Partner
Für wen wir arbeiten.
Von Startups bis Mittelstand – Unternehmen, die professionell auftreten wollen.
Was wir machen
Digitales Branding trifft Content. Ergänzt um Performance.
Digitales Branding
Markenstrategie
Branding & Corporate Design
Webdesign
×
Content
Fotografie
Video
Copywriting
+
Performance Marketing
SEO
AI-Search
Kampagnen
Eigene Software
K&R in Zahlen
5.0★★★★★Google · 32 Bewertungen
4.7★★★★★Agenturmarkt
250+Kunden
2019Am Markt seit
8Mitarbeiter
IHKAusbildungsbetrieb
Was hat sich eigentlich in den letzten 6–8 Wochen verändert?
Noch vor Kurzem hätte so ein Abend mit „Lern erst mal programmieren“ geendet. Heute nicht mehr.
30 Jahre Software in drei Schritten
Erst konnte man sie kaufen, dann mieten. Jetzt kann man sie beschreiben.
1990 – 2010
Software kaufen
Software von der Stange. Einmal bezahlt, nie angepasst.
2010 – 2024
Abo-Modell: Software mieten
Für jede Aufgabe ein Abo. Und man passt sich dem Tool an.
17 Abos · 0 € / Monat
Ab heute
Beschreiben
Heute sagt man, was man braucht und will. Die Software entsteht genau so, wie man arbeiten möchte – zu einem Bruchteil der Abo-Kosten. Angepasst auf die eigenen Workflows, ohne Schnickschnack, den man nicht braucht.
Nicht mehr der Mensch passt sich der Software an. Die Software passt sich dem Menschen an.
Das Wort des Abends
Vibe Coding
Ich beschreibe, was ich will. Die KI schreibt den Code.
„Bau mir eine Seite, auf der meine Kunden mein Konzept kommentieren können.“
💬 Lisa: Farbe top!
❤️ 3 · 👍 5
✓ Freigegeben
Der eigentliche Unterschied
Ein Chat antwortet. Ein Agent arbeitet.
ChatAgent
Mensch6 Aufgaben2 Aufgaben
KI2 Aufgaben5 Aufgaben
Fragen stellenBeschreiben, was man will
Code kopierenCode schreiben
Dateien anlegen
Fehler suchenFehler finden & beheben
Testen
Veröffentlichen
Antworten
Code-Beispiele zeigen
Entscheiden
Im Chat macht der Mensch die Arbeit. Die KI berät.Mit einem Agenten macht die KI die Arbeit. Der Mensch entscheidet.
Was das bedeutet
Man ist jetzt Architekt – und kein Handwerker mehr.
ArchitektDer Mensch: die Idee, die Entscheidungen, der Geschmack.
HandwerkerClaude Code: der Code, die Dateien, die Fleißarbeit.
EigentümerUnd die Immobilie gehört einem selbst – keine Miete, keine Abhängigkeit.
So arbeitet Claude Code.
Der wichtigste Unterschied zu ChatGPT & Co. – in einem Bild.
Das Grundprinzip
Die meisten arbeiten im Chat. Wir arbeiten im Ordner.
✳Claude Code› Bau mir eine Landingpage für mein Café.✓ 6 Dateien angelegt · im Browser getestet
Kopieren → Datei anlegen → Einfügen → Speichern → Fehler → zurück in den Chat.Und wieder von vorn.Claude arbeitet direkt in den Dateien. Das Ergebnis liegt fertig auf dem Rechner.
So läuft jede Runde
Beschreiben„Ich brauche …“
PlanClaude schlägt vor
BauenDateien entstehen
Anschauenim Browser
Feedback„Mach den Button …“
Der Mensch bleibt am Steuer.Jede Runde: Minuten.
Was braucht man, damit aus der eigenen Idee echte Software wird, die im Arbeitsalltag unterstützt?
Eine Handvoll Werkzeuge, die zusammenspielen.
Die Neon-Bar
Angenommen, Software wäre eine Bar.
Jedes Werkzeug, das man braucht, ist ein Teil davon. Wir machen das Licht an – Schild für Schild.
Claude Code
Der Barchef entwickelt die Rezepte.
Claude Code arbeitet direkt in der Küche – dem Projektordner – und mixt dort alle Dateien selbst.
In echt: ein ganz normaler Ordner auf dem Mac.
GitHub
Jedes Rezept wird aufgeschrieben.
Mit jeder Änderung. Geht etwas schief, blättert man eine Seite zurück. Nichts geht verloren.
In echt: GitHub speichert jede Version deines Codes.
Vercel
Neues Rezept im Buch? Steht sofort auf der Karte.
Vercel ist das Lokal im Internet: Tür auf, rund um die Uhr, weltweit. Jede Änderung ist in Sekunden live.
In echt: Hosting – verbunden mit GitHub.
Domain
Damit man die Bar auch findet.
Ein Eintrag beim Domain-Anbieter – und der eigene Name leuchtet über der Tür.
In echt: die eigene Adresse, mit Vercel verbunden.
Supabase
Was bleiben soll, kommt in den Keller.
Kommentare, Freigaben, Kundendaten. Und der Türsteher entscheidet, wer rein darf – und wer nur gucken.
In echt: Datenbank, Login und Sicherheitsregeln in einem.
Das Personal
Und Personal kommt dazu, wann immer es gebraucht wird.
Plausiblezählt, wer reinkommt.
Brevoverschickt die Einladungen.
Higgsfieldmacht die Bilder.
In echt: Jedes Tool mit Schnittstelle lässt sich anschließen.
Sicherheit
Die Schlüssel hängen nicht im Schaufenster.
Die Zugänge zu Keller und Personal liegen im Tresor. Nie im Chat, nie im Code.
In echt: Environment Variables – eingetragen in Vercel.
Der Drink
Und am Ende steht der Drink auf dem Tresen.
Die fertige Anwendung: gemixt in der Küche, serviert in der Bar. Die Gäste halten sie in der Hand – als Link, auf dem Handy, überall.
In echt: Website, Tool, Kundenportal – oder gleich unser Konzept-Raum.
Das ist alles.
Mit dieser Bar mixt man jede digitale Lösung.
Website, Kundenportal, Buchungstool, Konzept-Raum – die Bar bleibt dieselbe. Nur der Drink ändert sich.
Raus aus der Bar, rein ins Detail
Die Zutaten – und wie sie zusammenspielen.
Menschdie Idee
Claude CodeBarchef
GitHubRezeptbuch
Verceldie Bar
DomainLeuchtreklame
GästeKunden & Team
SupabaseKeller & Türsteher
BrevoBote
PlausibleZähler
HiggsfieldFotograf
Alles beginnt mit einer Idee – in ganz normaler Sprache beschrieben.Claude Code legt jede Version im Rezeptbuch ab.GitHub gibt jede Änderung automatisch an Vercel weiter – live in Sekunden.Über die eigene Domain finden die Gäste in die Bar.Supabase speichert die Daten und regelt, wer rein darf.Brevo verschickt E-Mails, Plausible zählt die Besucher.Higgsfield liefert Bilder direkt in den Ordner. Das ist die ganze Bar.
Supabase im Detail
Eine Website ist nur die Oberfläche. Das Gedächtnis ist die Datenbank.
Oberfläche · Website
Kontaktanfrage
Seitenbesuch
Klick & Interaktion
Zahlen & KPIs
SQL-DatenbankSupabase
anfragenbesucheinteraktionenkennzahlen
AuswertenKampagnen optimierenNeues entwickeln
Eine Website zeigt nur, was passiert – sie merkt sich nichts.Dahinter speichert eine Datenbank alles und ordnet es zu.Aus den Daten von gestern werden die Entscheidungen von morgen.
Drei Begriffe, die immer wieder fallen
Wie Claude andere Tools bedient.
API · API-Key
Die Tür – und der Schlüssel.
Jedes Tool hat eine Tür für Programme: die API. Der API-Key ist der Schlüssel dazu. Wer ihn hat, darf rein – und zum Beispiel eine Mail verschicken lassen.
CLI
Die Fernbedienung.
Ein kurzer Befehl im Terminal – und das Tool tut, was es soll. Ohne Klicken durch Menüs. Claude tippt diese Befehle selbst.
MCP-Server
Der Dolmetscher.
Ein zusätzliches Programm, das zwischen KI und Tool sitzt und übersetzt – muss eingerichtet und betrieben werden. Sinnvoll für Tools ohne eigene Schnittstelle. Für den Start nicht nötig.
Claude Code nutzt Schlüssel und Befehle direkt. Für den Start braucht es keinen einzigen MCP-Server.
Und sonst?
Hat ein Tool eine API, kann Claude es anschließen.
Zahlungen, Kalender, CRM, Tabellen, Newsletter, Bild-KI – die Bar bekommt so viel Personal, wie gebraucht wird.
Beispiel · Higgsfield
„Erzeuge drei Moodbilder für die Folie Markenwelt.“ → Claude ruft Higgsfield auf, die Bilder landen direkt im Ordner.
higgsfield
Die eigene Software+ jedes Tool
Sicherheit · Environment Variables
Schlüssel gehören in den Tresor.
✕ So nicht
„Hier ist mein Schlüssel: sk_live_8f3K…Xq2 – bau den bitte ein.“
Was im Chat oder im Code steht, kann irgendwann jemand sehen – im Verlauf, auf GitHub, in einer Kopie.
✓ So richtig
Vercel · Settings · Environment Variables
SUPABASE_URL••••••••••Production
SUPABASE_ANON_KEY••••••••••Production
BREVO_API_KEY••••••••••Production
KONZEPT_PASSWORD••••••••••Production
Die Schlüssel werden selbst in Vercel eingetragen. Claude baut den Code so, dass er sie dort abholt – und sieht sie nie.
Live: Der Konzept-Raum.
Wie wir unsere Konzepte in Zukunft verschicken – ohne PowerPoint, ohne E-Mail-Pingpong. Und ihr testet ihn gleich mit.
Kennt man.
Das Konzept ist fertig. Der Wahnsinn beginnt.
DK
Konzept Rebranding – anbei!Hier die Präsentation, freue mich auf Feedback. Konzept_v1.pptx · 48 MB
MK
AW: Konzept RebrandingAnhang kommt bei mir nicht an. Zu groß?
DK
AW: AW: Konzept RebrandingHier als PDF. Und als WeTransfer-Link. Konzept_final_v7_FINAL2.pdf
SB
AW: AW: AW: Konzept RebrandingWelche Version ist jetzt aktuell? Chef hat noch Anmerkungen auf Seite 12.
23 Mails
9 Versionen
0 Überblick
Die Lösung
Ein Link. Alles drin.
🔒 konzept.kr-advertising.de/roestwerk
Röstwerk Frankfurt · Markenkonzept
Man schmeckt die Zeit.
Röstwerk
Passwortschutznur für den Kunden
Trackingwer, wann, wie lange, welche Folie
Kommentaredirekt an der Folie
Reaktionen❤️ 👍 👎 pro Folie
Freigabe mit einem Klickoder „Änderungen gewünscht“
Live-Demo
Jetzt seid ihr dran.
Ab sofort ist jeder hier Kunde von K&R: das Konzept für die Kaffeerösterei Röstwerk öffnen – und Feedback geben.
1Code scannen & Passwort eingeben
2Durchwischen, kommentieren, reagieren
3Am Ende: freigeben – oder nicht
Das Passwort gibt’s gleich mündlich.
Live-DashboardWird geladen … (läuft nur online unter /konzept/dashboard)
Blick in die Küche
Vier Prompts. Ein Abend.
1
Das Konzept„Bau eine Präsentation für die Kaffeerösterei Röstwerk: sieben Folien, warm und hochwertig, auf dem Handy per Wischen bedienbar.“
2
Der Türsteher„Schütze sie mit einem Passwort. Das Passwort liegt als Environment Variable in Vercel – nicht im Code.“
3
Der Zähler„Speichere in Supabase, wer welche Folie wie lange ansieht – und bau mir ein Live-Dashboard dazu.“
4
Das Feedback„Kunden sollen pro Folie kommentieren und reagieren können – und am Ende freigeben oder Änderungen wünschen.“
Und dann: „Veröffentliche alles auf Vercel.“ – Fertig. Die Prompts gibt’s nachher zum Mitnehmen.
Ideen für die eigene Unternehmerwerkstatt
Was man sich theoretisch noch alles mixen kann.
Angebots-Generator
Leistungen anklicken, Preis steht – Angebot als Link, Kunde unterschreibt online.
Kundenportal
Status, Dateien und Freigaben jederzeit einsehbar – ohne Nachfragen per Mail.
Event-Anmeldung
Wie heute: Anmeldung, Warteliste, Erinnerung am Vortag per Mail.
Lead-Radar
Neue Anfrage auf der Website? Sofort aufs Handy – mit allen Infos zum Lead.
Bewertungs-Booster
Projekt abgeschlossen – automatisch die freundliche Bitte um eine Google-Bewertung.
Moodboard-Tool
Stichworte eingeben – Higgsfield erzeugt passende Bildwelten für den Pitch.
Zeiterfassung
Ein Klick pro Projekt – am Monatsende die Auswertung pro Kunde.
Social-Planer
Posts vorbereiten, vom Kunden freigeben lassen, alle Termine im Blick.
Onboarding
Neue Kunden bekommen automatisch Checkliste, Zugänge und Termine.
Kunden-Dashboard
Besucher, Anfragen, Umsatz – live und verständlich für den Kunden.
Und was kostet das?
Die Rechnung für die ganze Bar.
Zum Vergleich: Ein einziges Abo für ein Präsentations- oder CRM-Tool kostet oft schon mehr – und kann nur, was der Hersteller will.
NEON-BAR
RECHNUNG · PRO MONAT · CA.
Claude Proder Barchef20 €
GitHubdas Rezeptbuch0 €
Verceldie Bar · privat0 €
SupabaseKeller & Türsteher0 €
Brevoder Bote0 €
Plausibleder Zähler9 €
Domaindie Leuchtreklame1 €
SUMMEca. 30 €
Gewerblich nutzen? Vercel Pro ca. 20 $ / Monat. Stand Oktober 2026 · alle Preise gerundet.
Zum Mitnehmen
Alles von heute Abend.
Diese Präsentation zum Durchklicken
Starter-Prompts zum Kopieren
Alle Tools mit Links
Der Konzept-Raum zum Ausprobieren
Fragen?
Raus damit. Gern auch per Handy – sie erscheinen hier.
Frage stellen
Fragen aus dem Publikum erscheinen hier live.
Cheers!
Danke, Überstunde Klub. Jetzt seid ihr dran – mixt euch was Schönes.
×
