hilfmirmal.de 3 slots · Q2/2026
Dossier / № 001 — 2026
Automatisierungswerkstatt
Port Louis → Brandenburg

Ein Bild sagt mehr als
tausend Markdown-Zeilen.01

Sprachmodelle antworten standardmäßig in Markdown — Listen, Fettschrift, Aufzählungen. Das ist meistens völlig in Ordnung. Aber für eine ganze Reihe alltäglicher Aufgaben wäre eine echte Tabelle hilfreicher, ein kleines Dashboard, eine Skizze, ein Klick-Prototyp. Neun Beispiele aus unserem Beratungsalltag — und ehrlich gesagt: in welchen Fällen sich der Umweg über HTML lohnt und wann er nur Schaumschlägerei ist.

MARKDOWN — DER ÜBLICHE WEG ## Pipeline Mai - Müller GmbH — Angebot (60 %) - Schmitt & Sohn — Vertrag (90 %) - Bäckerei Weiß — Demo (30 %) - Hofmann KG — Kontakt (10 %) - Coaching Bär — Lead (20 %) … und so weiter, Zeile für Zeile. ## Summe gewichtet 42.800 € — voraussichtlich HTML — WENN DIE ANTWORT MEHR WILL PIPELINE MAI 2026 Lead — 5 Deals 12.000 € Demo — 3 Deals 8.600 € Angebot — 2 Deals 14.400 € Vertrag — 1 Deal 7.800 € VORAUSSICHTLICH 42.800 € ▲ +18 % vs. April
Dieselben Daten, zwei Antworten — die rechte legt das Wesentliche schwarz auf weiß auf den Tisch.

Warum überhaupt darüber reden?

Wer regelmäßig mit einem Sprachmodell arbeitet — sei es ChatGPT, Claude, Gemini oder ein hauseigener KI-Assistent — der merkt nach ein paar Wochen einen kleinen, aber hartnäckigen Bruch: Die Antworten kommen immer in derselben Form. Überschrift, Aufzählung, Fettdruck, noch eine Aufzählung. Hin und wieder eine Codezeile. Das ist sauber, gut lesbar, schön kompakt — und für die meisten Fragen genau richtig.

Nur: Wenn die Frage nicht „Wie heißt die Hauptstadt von Belgien?" ist, sondern „Wie sieht meine Pipeline gerade aus?" — dann reichen Listen oft eben nicht. Dann will man nicht lesen, sondern sehen. Und genau hier kommt HTML ins Spiel. Nicht als Tech-Spielerei, sondern als ehrlichere Antwortform.

Markdown ist die Postkarte. HTML ist die Skizze auf dem Bierdeckel. Beides hat seinen Platz — nur eben nicht denselben.

Die folgenden neun Beispiele sind keine theoretischen Übungen. Sie sind aus echten Kundengesprächen entstanden — aus Momenten, in denen wir gemerkt haben: Hier muss die KI nicht erklären, hier muss sie zeigen. Jedes Beispiel verlinkt auf eine eigene Seite, auf der Sie die HTML-Variante in Ruhe ansehen können. Wer den Aufbau spannend findet, klickt sich durch. Wer nur den Punkt verstehen will: Hier im Artikel reicht das Vorschaubild.

In diesem Eintrag

  1. Erkunden & Planen
  2. Code verstehen
  3. Design-Ideen
  4. Klick-Prototyp
  5. Illustration & Diagramm
  6. Präsentation
  7. Recherche & Lernen
  8. Bericht
  9. Werkzeug zum Tippen
№ 01  ─  Erkunden & Planen

Wenn die Antwort eine Landkarte sein müsste, keine Aufzählung.

Stellen Sie sich vor, Sie überlegen, ob Sie eine neue Webseite bauen, ein CRM einführen oder Ihr Buchhaltungs-Chaos endlich angehen sollten. Sie fragen die KI nach den möglichen Wegen. Was zurückkommt? Ein hübsch gegliederter Text mit drei Varianten, Vor- und Nachteilen, am Ende eine Empfehlung. Liest sich gut — und ist trotzdem nicht der Punkt, wo man weiterkommt.

Hilfreicher wäre ein Verzweigungsbaum: eine Übersicht, in der man sieht, welche Entscheidung wovon abhängt, was sich gegenseitig ausschließt, und an welcher Stelle man wirklich wählen muss. Genau das kann die KI in HTML hinmalen — und plötzlich sieht man den Wald wieder, nicht nur die Bäume.

Brauche ich ein CRM? A — Bestehendes pflegen Excel + Outlook reicht (vorerst) B — Schlankes CRM Folk, Attio, Pipedrive C — Vollausbau HubSpot, Salesforce → in 3 Monaten neu prüfen → keine Investition jetzt → 1–2 Tage Setup → ca. 30 €/Monat → 4–8 Wochen Einführung → ab 80 €/Monat plus
Eine Skizze auf dem Bierdeckel — nur eben mit Erklärungen, denen man trauen kann.

Vollständiges Beispiel

№ 02  ─  Code verstehen

Damit das, was unter der Motorhaube passiert, nicht nur ein Murmeln bleibt.

Wer keine Entwickler im Haus hat, aber trotzdem manchmal in ein Script schauen muss — zum Beispiel, weil ein Dienstleister abgegeben hat und einem die Sache jetzt auf den Schreibtisch fällt — der kennt das Gefühl: man liest fünf Zeilen, versteht nichts, gibt auf. Eine KI kann das natürlich erklären. Aber eine Erklärung als Fließtext liest man einmal und merkt sich nichts.

Hilfreicher ist eine interaktive Code-Karte: links der Code, daneben die Erklärung Block für Block, oben das große Ganze. So begreift man — im wortwörtlichen Sinn — was der Computer da eigentlich tut. Das nimmt die Scheu, und es erspart das nächste Bauchgrummeln, wenn wieder etwas anzupassen ist.

rechnung-abrufen.py — 38 Zeilen import requests from datetime import date def hole_offene_rechnungen(): url = "https://api.lexoffice.io/..." res = requests.get(url, headers=AUTH) daten = res.json() return [v for v in daten if v["status"] == "open"] Was passiert hier? 1 · Verbindung zu lexoffice öffnen 2 · Liste aller Belege abfragen 3 · Antwort als JSON lesen 4 · Nur die offenen zurückgeben Ergebnis: eine Liste mit allen Rechnungen, die noch offen sind.
Code links, Klartext rechts — Zeile für Zeile. So verliert das Ding seinen Schrecken.

Vollständiges Beispiel

№ 03  ─  Design-Ideen

Drei Entwürfe nebeneinander — statt drei Absätze hintereinander.

Wer eine neue Landingpage, ein Logo oder einen Newsletter-Header braucht, kennt das klassische Hin-und-Her: Die KI schlägt drei Stilrichtungen vor, beschreibt sie liebevoll in Worten — und am Ende muss man sich alles selbst im Kopf zusammenbauen. Anstrengend und führt fast immer dazu, dass man am Telefon mit dem Designer sagt: „Ich kann das gar nicht beschreiben, aber so wie das auf der Seite hier — Sie wissen schon."

Wenn die KI drei kleine HTML-Skizzen nebeneinander legt, dann sieht man auf den ersten Blick: das hier zieht mich an, das andere lässt mich kalt, das dritte ist zu nah am Wettbewerber. Aus „Ich weiß nicht recht" wird in zehn Sekunden „Variante B, aber mit der Schriftart von Variante C." Das ist gold wert.

Coaching, das passt. Für Menschen, die nicht warten wollen. Termin buchen — Logo / Foto — A · MINIMAL & RUHIG Endlich Klarheit. Mit jemandem, der zuhört. Gespräch anfragen B · WARM & BLAU Coaching, klar wie Glas. Methodisch. Modern. Menschlich. → Buchen C · DUNKEL & TECHNISCH
Drei Varianten, ein Augenblick zur Entscheidung. Wo Worte um den heißen Brei reden, machen Bilder kurzen Prozess.

Vollständiges Beispiel

№ 04  ─  Klick-Prototyp

Etwas, das man anfassen kann — bevor irgendjemand programmiert.

Bei Software gilt, was bei Möbeln gilt: einmal anfassen sagt mehr als zehnmal lesen. Wenn Sie überlegen, eine kleine interne Anwendung bauen zu lassen — sagen wir, ein Tool, mit dem Ihre Mitarbeiter Termine eintragen können — dann lohnt es sich, vorher einen halben Tag in einen Prototypen zu stecken. Kein lauffähiges System, keine Datenbank, kein Login. Einfach ein paar HTML-Seiten, die so tun, als wäre es eines.

Das ist mit einer KI eine Sache von zwanzig Minuten. Und der Effekt ist immer derselbe: Sobald die Beteiligten klicken können, fallen ihnen Dinge ein, die sie vorher nie gesagt hätten. „Ah, hier sollte eigentlich auch ein Filter sein." Genau dafür macht man Prototypen — damit die Beulen frühzeitig auftauchen, nicht erst nach der Programmierung.

TERMINE — ÜBERSICHT Mo · Beratung Hofmann Mi · Coaching Bär Do · Erstgespräch Weiß + Neuer Termin BILDSCHIRM 1 — LISTE NEUER TERMIN MIT DATUM UHRZEIT NOTIZ SPEICHERN BILDSCHIRM 2 — FORMULAR GESPEICHERT Klappt! Steht im Kalender. BILDSCHIRM 3 — BESTÄTIGUNG
Drei Bildschirme, klickbar verbunden — damit das spätere System schon vorher Hand und Fuß hat.

Vollständiges Beispiel

№ 05  ─  Illustration & Diagramm

Eine Skizze auf dem Bierdeckel — nur eben sauber.

Manche Sachverhalte lassen sich beim besten Willen nicht in Worte fassen, ohne dass der Zuhörer nach drei Sätzen aussteigt. Wie hängen die DSGVO-Pflichten an Ihrem Newsletter-Formular zusammen? Welche Daten fließen zwischen Ihrem Shop, dem Buchhaltungstool und dem Versanddienstleister hin und her? Solche Geschichten brauchen ein Bild — und zwar eines, das man auf eine Folie kleben oder ausdrucken kann.

Eine KI, die nicht nur Markdown spricht, kann so etwas in einer Minute skizzieren. Saubere Pfeile, beschriftete Kästen, in Ihren Farben. Nicht hübsch wie ein Hochglanz-Schaubild — aber hübsch genug, um etwas zu erklären, das man sonst zehn Minuten lang ans Whiteboard gemalt hätte.

Online-Shop Bestellungen RECHNUNG Buchhaltung lexoffice VERSAND Versand DHL · Sendcloud SENDUNGS-STATUS ZURÜCK
Drei Kästen, zwei Pfeile, eine gestrichelte Rückverbindung — und plötzlich versteht auch der Schwiegervater, was da läuft.

Vollständiges Beispiel

№ 06  ─  Präsentation

Wenn morgen die Folien stehen müssen — und PowerPoint dafür zu groß ist.

Nicht jede Präsentation muss eine richtige Präsentation sein. Für eine fünfminütige interne Vorstellung, einen Pitch im Erstgespräch oder eine Kurzdarstellung in der LinkedIn-Nachricht reichen oft drei, vier Folien. Und für die lohnt sich kein PowerPoint-Aufwand mit Master-Slide, Footer und Animation — wenn es schiefgeht, ist man nach zwei Stunden frustriert und hat trotzdem nichts Vorzeigbares.

Eine KI, die HTML produziert, kann das in einer Minute. Ein paar Seiten, eine pro Bildschirm, mit Pfeil rechts unten — und schon hat man einen kleinen Deck-Ersatz, den man im Browser zeigen oder als PDF speichern kann.

01 — TITEL Backoffice, das endlich läuft. HILFMIRMAL · 12 / 2026 02 — PROBLEM 3 Stunden / Tag für Backoffice. Bei 40-Stunden-Woche = 37,5 % der Zeit. ≈ 15h / Woche 03 — LÖSUNG 2 Wochen Setup, dann läuft es. → Mails: Vorlagen + Routing → Excel: CRM mit Erinnern → Wiederholtes: KI-Agent
Drei Folien, ein Bildschirm. Wer dafür zu wenig Zeit hat, der hat eigentlich auch zu wenig Zeit für eine richtige Präsentation.

Vollständiges Beispiel

№ 07  ─  Recherche & Lernen

Wenn man etwas Neues verstehen will — und der Wikipedia-Artikel zu trocken ist.

Es gibt Themen, an die traut man sich nicht so recht ran. Steuerthemen, Versicherungsfragen, juristische Begriffe. Man liest einen Wikipedia-Eintrag und ist nachher klüger und gleichzeitig verwirrter als vorher. Eine KI, die Markdown schreibt, hilft schon ein bisschen weiter — aber sie bleibt eben textlastig.

Eine HTML-Antwort kann ein kleines Lernmodul sein: Karteikarten, eine kleine Zeitleiste, ein Diagramm zur Einordnung, ein Glossar zum Aufklappen. Das fühlt sich nicht wie Schule an, sondern wie eine gut zusammengestellte Mappe.

KARTE 1 · BEGRIFF DSGVO Datenschutz- Grundverordnung Tippen zum Umdrehen KARTE 2 · KERN 6 Grundsätze · Rechtmäßigkeit · Zweckbindung · Datenminimierung · Richtigkeit · Speicherbegrenzung ZEITLEISTE 2016 Verabschiedet 2018 In Kraft 2023 EuGH-Urteil heute
Karteikarten und Zeitleiste in einem. So bleibt etwas hängen — auch ohne, dass man es sich dreimal vorbeten muss.

Vollständiges Beispiel

№ 08  ─  Bericht

Damit der Monatsbericht nicht jedes Mal eine Bastelstunde wird.

Jeden Monat dasselbe: Zahlen aus zwei oder drei Quellen zusammenkratzen, in eine Excel-Tabelle bringen, Diagramme bauen, in PowerPoint kopieren, an den Steuerberater schicken — und beim zweiten Bier am Freitagabend leise schwören, dass das im nächsten Monat anders läuft. Wird es aber nicht. Außer, man baut sich ein anständiges Format auf, das die KI dann jeden Monat befüllt.

Monatsbericht April 2026 ERSTELLT AM 02.05 — AUTOMATISCH BEFÜLLT UMSATZ 38.420 € ▲ 12 % NEUE KUNDEN 7 ▲ 3 OFFENE RG. 11.200 € ≈ stabil STUNDEN 112 ▼ 8 KOMMENTAR: April lief solider als März — zwei Neuabschlüsse aus dem Coaching.
Ein Layout, das jeden Monat dasselbe Gesicht hat — und sich trotzdem nicht in zehn Minuten Handarbeit verwandelt.

Vollständiges Beispiel

№ 09  ─  Werkzeug zum Tippen

Wenn man der KI lieber was zum Anfassen mitgibt.

Manchmal ist es nicht die Antwort der KI, die HTML sein sollte, sondern die Frage. Wenn Sie immer wieder dieselbe Sorte Anfrage stellen — etwa: „Hier sind unsere Stundenbuchungen, mach mir daraus den Steuerexport" — dann ist es mühsam, jedes Mal die Daten in Worte zu fassen. Schöner wäre ein kleines Eingabefeld, das genau auf diese Aufgabe zugeschnitten ist.

STUNDENLISTE → RECHNUNGSTEXT EINGABE Mo 02.05 · Beratung Müller · 3,5h Di 03.05 · CRM-Setup Schmitt · 6h Do 05.05 · Coaching Bär · 2h Fr 06.05 · Beratung Müller · 4h … einfach einfügen VORSCHAU RECHNUNG Beratungsleistungen Mai 2026 Beratung Müller — 7,5h 975,00 € CRM-Setup Schmitt — 6h 780,00 € Coaching Bär — 2h 260,00 € Summe netto 2.015,00 €
Ein winziges Werkzeug, das genau eine Aufgabe kann — und genau diese richtig. Aus zehn Minuten Tippen werden zehn Sekunden.

Vollständiges Beispiel


Und wann sollte man es nicht tun?

Damit das hier nicht zur reinen Lobeshymne wird: HTML ist eben kein Heilmittel. Es bringt nur etwas, wenn die Antwort visuelle Struktur trägt oder Interaktion erlaubt. Für eine schnelle Frage, eine Definition, ein Code-Schnipsel, eine Übersetzung — da ist Markdown immer noch der kürzere Weg. Wer mit Kanonen auf Spatzen schießt, hat am Ende viel Lärm und wenig Tauben.

Eine kleine Faustregel, die sich bei uns bewährt hat:

Mehr ist es eigentlich nicht. Und für alles dazwischen probiert man's einfach mal aus: Wenn die KI nach drei Aufzählungen immer noch ums Thema herumtanzt, dann darf man ihr ruhig auf die Sprünge helfen — „Mach mir das mal als HTML, mit einem Diagramm drin" reicht meistens als Anstoß.

Was bedeutet das für Ihren Alltag?

Wenn Sie das Gefühl haben, Ihre KI-Antworten sind immer dieselbe Sorte Aufzählungssalat — dann lohnt sich ein halbstündiges Gespräch. Wir schauen gemeinsam, an welchen Stellen Sie mit ein paar HTML-Antworten oder kleinen Mini-Werkzeugen wirklich Zeit gewinnen würden.

Erstgespräch anfragen


Erik Lorenscheit · hilfmirmal.de · 13. Mai 2026 · 12 Min Lesezeit · KI im Alltag

Eriks Bot