Anmelden
Einsteiger 1 Stunde 8 Schritte

In einer Stunde ein Angebots-Tool für den Handwerksbetrieb bauen

Wie du mit Agentic Coding und Claude Code in unter einer Stunde ein komplettes Online-Angebots-Tool für einen Malerbetrieb baust und live auf Vercel deployst. Ein Beispiel, das 1:1 auf deine eigenen Geschäftsprozesse übertragbar ist.

Jannis Gerlinger24. April 2026

Das Wichtigste in Kürze

Am Ende hast du

Ein eigenes Angebots-Tool, das dein Team im Browser nutzt

Du brauchst

  • Claude Code installiert (Setup ca. 5 Min)
  • Vercel-Account (kostenlos), nur fürs Live-Stellen
  • Grobe Vorstellung vom Prozess, den du nachbauen willst
ca. 1 Stunde Umsetzung Stufe: Einsteiger 8 Schritte

So entsteht das Angebots-Tool

  1. 1

    Projekt starten

    Leerer Ordner, Claude Code öffnen, mehr braucht es nicht zum Anfangen.

  2. 2

    Bauplan absetzen

    Du tippst den Build-Prompt ein und lässt die erste Version entstehen.

  3. 3

    Auf dich anpassen

    Optik an deine Marke, Rechenlogik an deine Preise.

  4. 4

    Online stellen

    Zum Schluss geht das Tool live, mit sauberem PDF-Export.

Worum es geht

Agentic Coding ist 2026 das Werkzeug, mit dem du dir als KMU-Geschäftsführer deine eigenen Geschäftsprozesse automatisieren lässt. Ohne IT-Abteilung, ohne Agentur, ohne fünfstelliges Budget. In diesem Video baust du Schritt für Schritt ein komplettes Angebots-Tool für einen fiktiven Malerbetrieb, Malermeister Becker in Köln. Kunden klicken sich ihr Angebot zusammen, sehen live den Preis und bekommen am Ende ein PDF.

Das Beispiel ist Malerbetrieb. Das Prinzip funktioniert für Auftragsbestätigungen, Wartungs-Checklisten, Einarbeitungs-Unterlagen, Lieferanten-Vergleiche, Wochenreports. Also für fast jeden Prozess, den deine Mitarbeiter heute noch per Hand im Word oder in Excel erledigen.

Rechts siehst du das fertige Tool als Live-Demo.

Schritt für Schritt

1

Leeren Ordner anlegen und Claude Code starten

Ein neuer, leerer Ordner auf deinem Rechner, zum Beispiel becker-angebot. In diesen Ordner wechseln und Claude Code starten. Das ist alles, was an Setup nötig ist.

2

Den Build-Prompt eintippen

Der Prompt rechts in der Sidebar ist der, den ich im Video eingetippt habe. Eine kurze, realistische Beschreibung, wie du sie auch einem neuen Mitarbeiter geben würdest: „Ich brauche ein Online-Angebots-Tool für meinen fiktiven Malerbetrieb …". Claude Code fängt direkt an zu arbeiten, legt die HTML-Datei an, überlegt sich das Layout, baut Formularfelder, Live-Summe und PDF-Export.

Nach ein bis zwei Minuten steht die erste Version.

Kostenlos im Lab weiterlesen

Die restlichen 6 Schritte, alle Prompts und die Dateien zu diesem Tutorial gibt es kostenlos für Mitglieder.

  • Die komplette Schritt-für-Schritt-Anleitung
  • 4 Prompts zum Kopieren
  • 3 Dateien und Vorlagen
  • Fragen stellen und mitreden im Stammtisch
Ich bin schon Mitglied
Kostenlos, ohne Kreditkarte. Dein Konto kannst du jederzeit selbst löschen.

Keine Zeit zum Nachbauen?

Ich setze die Lösung für dich um oder schule dich und dein Team. Im kostenlosen Erstgespräch klären wir, was passt.

Weiter lernen

Alle Tutorials