Schulungsmodul 06 · Eigene Tools

Kleine Apps selbst bauen –
ohne Programmierkenntnisse

Angebotsrechner, Buchungsformulare, Preislisten als Web-App — KI schreibt den Code, ihr beschreibt was ihr wollt. In 30 Minuten zu einem fertigen Tool.

Was ist möglich?Vibe CodingFertige PromptsVeröffentlichen

Was heute möglich ist

Werkzeuge, die genau zu eurem Betrieb passen

Statt Standard-Software, die nie ganz passt: ein kleines Tool, das genau eure Preise kennt, eure Sprache spricht und auf eurer Website läuft.

🧮

Angebotsrechner

Kunden geben Fläche, Leistung und Extras ein — berechnet automatisch den ungefähren Preis.

Ideal für Handwerk, Reinigung, Gartenarbeit
📋

Buchungsformular

Kunden wählen Datum und Leistung — Anfrage landet direkt bei euch, mit Bestätigungsmail.

Ideal für Dienstleister mit Terminvergabe
💰

Preisliste als App

Statt PDF: eine übersichtliche, filterbare Web-Preisliste, die immer aktuell ist.

Ideal wenn ihr viele Varianten habt

Checkliste für Aufträge

Alle Schritte eines Auftrags als digitale Checkliste — nie mehr etwas vergessen.

Ideal für standardisierte Abläufe
⏱️

Zeiterfassung

Einfache Stunden-Erfassung pro Auftrag — exportierbar als Tabelle für die Abrechnung.

Ideal für stundenbasierte Abrechnung
🤖

FAQ-Chatbot

Beantwortet die häufigsten Kundenfragen auf eurer Website automatisch, 24 Stunden am Tag.

Ideal für viele gleichartige Anfragen

So funktioniert Vibe Coding

Ihr beschreibt — die KI baut

Kein Programmieren. Ihr erklärt in normalen Worten was ihr braucht, die KI schreibt den Code, ihr testet und sagt was geändert werden soll.

1
Claude oder ChatGPT öffnen

Direkter Einstieg auf claude.ai — keine Anmeldung für kurze Tests nötig.

2
App beschreiben

Sagt genau was die App tun soll, was der Nutzer eingeben kann und was das Ergebnis ist.

„Erstelle eine HTML-Datei: ein einfacher Angebotsrechner für einen Malerbetrieb. Eingabe: Fläche in qm und Untergrund (glatt / rau / Tapete). Ausgabe: ungefährer Preis. Preise: glatt 8€/qm, rau 11€/qm, Tapete 14€/qm."
3
Testen und anpassen

Das Ergebnis direkt im Browser testen. Was nicht stimmt, einfach auf Deutsch beschreiben: „Die Schrift ist zu klein" oder „Füge noch ein Logo-Feld oben hinzu".

4
HTML-Datei speichern

Den fertigen Code kopieren, als .html-Datei speichern — fertig. Öffnet im Browser, kann per E-Mail geteilt oder auf die Website gestellt werden.

Sofort loslegen

Fertige App-Prompts für typische Betriebe

Angebotsrechner (anpassbar) Erstelle eine Web-App als einzelne HTML-Datei: ein Angebotsrechner für [Branche]. Eingabefelder: [Feld 1 z.B. Fläche in qm], [Feld 2 z.B. Leistungsart als Dropdown], [Feld 3 z.B. Extras als Checkboxen]. Ausgabe: Nettopreis, 19% MwSt., Bruttopreis — wird automatisch berechnet. Button "Als PDF drucken". Design: hell, professionell, mobile-freundlich.
Tagesplaner für Aufträge Erstelle eine HTML-Seite: ein einfacher Tagesplaner für Aufträge. Man kann Aufträge mit Name, Adresse, Uhrzeit und kurzer Beschreibung hinzufügen. Alle Aufträge werden als übersichtliche Liste angezeigt, sortiert nach Uhrzeit. Erledigte Aufträge können abhakt werden. Daten werden im Browser gespeichert. Design: hell und übersichtlich.

Online stellen

Fertige App auf die Website oder teilen

📧

Per E-Mail teilen

HTML-Datei einfach als Anhang verschicken. Empfänger öffnet sie im Browser — fertig. Ideal für interne Tools.

🌐

Netlify Drop

Datei auf netlify.com/drop ziehen — sofort online mit eigener URL. Kostenlos, dauert eine Minute.

🖥️

Auf die Website

HTML-Datei per FTP in den Webspace hochladen — dann über eure Domain erreichbar.

Wenn es nicht mehr klappt

Warum KI-Projekte feststecken — und wie man es verhindert

Viele starten begeistert, kommen aber irgendwann an einen Punkt wo nichts mehr geht. Das hat einen Namen — und eine Lösung.

💡
Das Problem hat einen Namen: „Vibe Coding Decke"

Andrej Karpathy — der Forscher, der den Begriff Vibe Coding erfunden hat — beschreibt es so: Wer nur beschreibt was er will, ohne zu definieren wie es funktionieren soll, baut auf Sand. Irgendwann bricht alles zusammen und man weiß nicht warum. Die Lösung ist kein besseres Tool — sondern eine andere Denkweise.

❌ Vage beschreiben

„Mach mir einen Angebotsrechner."

KI baut irgendetwas. Vielleicht nicht das, was ihr wolltet. Schwer zu reparieren weil unklar war was eigentlich gebraucht wurde.

✓ Klar definieren

„Mach einen Rechner mit drei Feldern: Fläche, Leistungsart (Dropdown), Stundensatz. Zeig Nettopreis, MwSt. und Bruttopreis automatisch."

KI baut genau das.

Drei einfache Regeln für bessere Ergebnisse

1
Erst denken, dann prompten

Bevor ihr die KI öffnet: Was soll das fertige Tool genau können? Schreibt es auf — auch nur stichpunktartig. Das eine Minute Planung spart oft eine Stunde Reparatur.

Zettel nehmen: Was geben Nutzer ein? Was kommt raus? Was passiert auf Klick? Fertig — das ist euer Auftrag an die KI.
2
Klein anfangen

Nicht alles auf einmal bauen lassen. Erst das Grundgerüst — dann testen — dann die nächste Funktion drauf. Schritt für Schritt ist schneller als alles auf einmal und dann nichts geht.

Erst: Formular mit Feldern. Test. Funktioniert? → Dann: Berechnung hinzufügen. Test. Funktioniert? → Dann: Design verschönern.
3
Nach jedem Schritt testen

Jeden Baustein im Browser ausprobieren bevor weitergemacht wird. Fehler früh finden ist einfach — Fehler nach 20 Prompts finden ist mühsam.