// vibe coding
Schnell von der Idee zum Prototyp
Ich beschreibe in klarer Sprache, was entstehen soll, und die KI schreibt den Code. So wird aus einer Idee schnell etwas, das man anklicken, zeigen und besprechen kann.
Belege: Projekte 02 und 05Offen für eine feste Stelle im KI-Bereich
Giuseppe Grifo · AI Product Builder
Websites baue ich seit über sieben Jahren, für eigene Projekte, Freunde und Bekannte. Heute mit KI-Agenten wie Claude Code und Codex, dazu Webapps und KI-Assistenten. Aus zehn Jahren Kundenberatung, Vertrieb und Teamführung weiß ich, was Kunden meinen, und prüfe jedes Ergebnis, bevor es rausgeht.
Passende Rollen
Stärken
Vier Dinge, die in KI-Teams oft auf mehrere Leute verteilt sind. Bei mir kommen sie zusammen.
// vibe coding
Ich beschreibe in klarer Sprache, was entstehen soll, und die KI schreibt den Code. So wird aus einer Idee schnell etwas, das man anklicken, zeigen und besprechen kann.
Belege: Projekte 02 und 05// agentic coding
Claude Code und Codex erledigen ganze Aufgaben im Projekt: Dateien lesen, ändern, testen, veröffentlichen. Ich schneide die Aufgabe zu, setze die Regeln und prüfe, was dabei herauskommt.
Belege: Projekte 03 und 04// ki-assistenten
Assistenten, die mit Kunden sprechen, fehlende Angaben erfragen und eine geordnete Anfrage an Menschen übergeben. Mit klaren Grenzen, Datenschutz und Kennzeichnung nach der KI-Verordnung.
Beleg: Projekt 01// übersetzen
Zehn Jahre Beratung und Vertrieb, zwei Jahre Teamführung. Ich frage nach, bis klar ist, was gebraucht wird, und erkläre Ergebnisse so, dass auch Nicht-Techniker sie verstehen.
Beleg: WerdegangProjekte
Alles echt, alles mit KI-Agenten gebaut, genau wie diese Seite. Bei jedem Projekt steht, was die Aufgabe war und was am Ende läuft.
KI-Assistent · Claude API · PHP · Prompt-Design
Kleine Betriebe verlieren Anfragen, weil Kontaktformulare zu wenig abfragen oder zu viel verlangen. Gesucht war ein Assistent, der freie Sprache versteht, gezielt nachfragt und am Ende eine vollständige, geordnete Anfrage an den Betrieb übergibt.
Läuft live und lässt sich auf weitere Websites übertragen. Den Einbau habe ich als Anleitung dokumentiert, damit er beim nächsten Mal nicht von vorn beginnt.
Demo ausprobieren

HTML · CSS · JavaScript · Git · Auto-Deploy


Zehn Seiten, ohne Baukasten und ohne Framework. Jeder Push auf GitHub geht automatisch live. Schriften selbst gehostet, Statistik erst nach echter Zustimmung, strukturierte Daten für Google und eine saubere Fassung fürs Handy.
Website ansehenWeb-App (PWA) · Android-App · offline



Eine App, in der man sich die eigene Übersicht selbst zusammenstellt: frei verschiebbare Widgets, 40 Bausteine in 9 Gruppen, eigene Zähler, Messwerte und Ziele. Alle Daten bleiben auf dem Gerät, ohne Server und ohne Konto. Läuft im Browser und als Android-App.
Privates Projekt, Code und Vorführung auf Anfrage.
Claude Code · Codex · Markdown · Git
Die Wissensbasis in der Graph-Ansicht von Obsidian, ein echter Screenshot. Jeder Punkt ist eine Datei, jede Linie eine Verknüpfung zwischen zwei Notizen. Das Gehirn dahinter ist zur Veranschaulichung dazugezeichnet, und beim Hinscrollen baut sich das Netz Punkt für Punkt auf. Das Schöne daran: Man kann zusehen, wie es wächst. Alle paar Tage ist das Netz größer und dichter. Stand 25.09.2026: 135 Dateien
Ein „Second Brain“, das KI-Agenten selbst pflegen: Quellen gehen hinein, die Agenten fassen sie zusammen, verknüpfen sie und halten fest, woher jede Aussage stammt. Claude Code und Codex arbeiten im selben Bestand, jeder mit eigenem Schreibbereich und einem geregelten Abgleich.
Die Notizen selbst sind privat, das Netz zeigt nur die Struktur. Den Aufbau zeige ich gern.
Webapp · Studio · Browser-Spiel


Aus gemeinsamen Erinnerungen wird ein kleines, persönliches Spiel, zum Beispiel als Geschenk für den Partner. In einem Studio trägt man Momente, Namen, Dialoge und Bilder ein, das Ergebnis läuft direkt im Browser.
Im Aufbau, die Landingpage und eine spielbare Demo sind online.
Projekt ansehenKÜNI rennt durch den Code, mit Bestenliste. Gebaut ohne Spiel-Bibliothek, direkt auf dieser Seite.
Zum SpielDie KI schreibt den Code. Ich sorge dafür, dass er das Richtige tut.
Arbeitsweise
Der größte Teil meiner Arbeit liegt vor und nach dem Bauen. Dabei räume ich diese fünf Stolpersteine aus dem Weg.
Mein Weg: Ich frage nach, bis klar ist, was am Ende passieren soll und für wen. Aus zehn Jahren Kundenberatung weiß ich: Die erste Beschreibung ist selten die ganze.
Mein Weg: Große Aufgaben teile ich in Schritte, die ein Agent zuverlässig schafft. Regeln und Grenzen lege ich vorher fest, nicht hinterher.
Mein Weg: Ich prüfe zuerst am Handy, dann am großen Bildschirm, im hellen und im dunklen Modus. Ob jeder Text gut lesbar ist, lasse ich nachmessen, statt mich aufs Auge zu verlassen.
Mein Weg: Leitplanken gehören in den Bauplan: was der Agent darf, wann er an einen Menschen übergibt, dazu Datenschutz und Kennzeichnung nach der KI-Verordnung.
Mein Weg: „Sollte gehen“ gibt es bei mir nicht. Ich teste alles selbst, jede Seite, jeden Knopf, jeden Ablauf, am Handy und am PC, und das mehrmals. Fertig ist es erst, wenn alles reibungslos läuft. Nach dem Veröffentlichen sehe ich auf der Live-Seite nach, ob wirklich alles angekommen ist.
Können
Ehrlich eingeordnet: Ich bin kein klassischer Programmierer. Meine Stärke ist, mit KI-Agenten Software zu bauen: klar beschreiben, was entstehen soll, die Agenten steuern und das Ergebnis gründlich prüfen. Einfache Stellen im HTML finde und ändere ich selbst.
Werdegang
Beruflich komme ich aus dem Kundenkontakt, nicht aus der Informatik. Websites baue ich seit über sieben Jahren aus Interesse, für mich und für Menschen in meinem Umfeld. Für die Arbeit mit KI ist genau diese Mischung ein Vorteil: Ich weiß, wie Kunden fragen, was sie eigentlich meinen und woran eine Lösung im Alltag scheitert.
Aus Interesse und zum Lernen, zum Teil zusammen mit einem Kollegen
Über die Jahre viele Websites gebaut und immer wieder Neues ausprobiert. Angefangen mit Website-Baukästen, dann WordPress mit Elementor: fertige Bausteine zusammengesetzt und im HTML selbst Hand angelegt, etwa an Überschriften und Texten. Mit KI-Agenten kam der Schritt zu richtigen Webapps (siehe Projekte).
Vodafone GmbH, Region Pforzheim
Eigene Vertriebsgebiete, Beratung und Abschluss bei Privatkunden, Schulung anderer Verkäufer. Vodafone 110er Junior Award für außergewöhnliche Leistungen in der Neulingsphase.
Vodafone GmbH, Pforzheim und Stuttgart
Beratung und Verkauf im Shop, ab 2023 im Flagship Store Stuttgart. Ansprechpartner für englischsprachige Kunden, zeitweise Telesales im Backoffice.
Aral Tankstelle Preuss, Pforzheim
Führung von 10 bis 12 Mitarbeitenden, Dienstplanung, Einarbeitung, Kassen- und Bestandsverantwortung, vorbereitende Buchhaltung.
COM-REI GmbH, O2 Shop Pforzheim
Aral Tankstelle Preuss, Pforzheim · IHK-Abschluss
Abseits vom Bildschirm
Seit anderthalb Jahren spiele ich Klavier, und ich lese viel, am liebsten Dale Carnegie und Paulo Coelho. Ich spreche Deutsch, Italienisch und Englisch und lebe in Ispringen bei Pforzheim.
Kurze Pause
Mein KI-Assistent hat einen freien Tag und läuft durch den Code. Hilf ihm über die Fehler und sammle bestandene Tests ein. Schaffst du es auf die Bestenliste?
1 · Springen
LeertasteoderTippen
In der Luft geht ein zweiter Sprung.
2 · Überspringen
Bug Konflikt
Berührung kostet ein Leben. Du hast drei.
3 · Einsammeln
Test +25 Kaffee
Kaffee macht 5 Sekunden unverwundbar.
Bereit?
Über die roten Fehler springen, grüne Tests einsammeln.
Kontakt
Ich suche eine feste Stelle in einem Team, das KI ernsthaft einsetzt. Nebenbei baue ich in einem kleinen eigenen Projekt Websites mit KI-Assistenten für lokale Betriebe. Das ist mein Praxisfeld, mein Ziel ist die feste Stelle.
Meinen Lebenslauf schicke ich Ihnen gern auf Anfrage.