Das Grundbild
Ein LLM ist das Gehirn. Ein Chatbot ist die Unterhaltung. Ein Agent ist ein Junior-Teammitglied mit Werkzeugen: Er kann Dateien lesen, Pläne machen, Code ändern, Browser nutzen und Ergebnisse prüfen.
Agentic Coding Cheat Sheet
PebbleByteDer wichtigste Shift
Vibe Coding heißt: "Mach mal irgendwas, das ungefähr passt." Agentic Coding heißt: Kontext geben, Ziel schärfen, Scope begrenzen, Arbeit prüfen, iterieren.
Du brauchst nicht den perfekten Prompt. Du brauchst einen kleinen sicheren Workspace, klare Grenzen und eine gute Feedback-Schleife.
Projekt
Ein fokussierter Ordner mit genau den Dateien, die der Agent bearbeiten darf.
Skill
Wiederverwendbare Arbeitsregeln: Stil, Ablauf, Qualitätskriterien, Beispiele.
Tool
Die Fähigkeit zu handeln: Dateien schreiben, Browser öffnen, Tabellen bearbeiten, Apps bedienen.
| Konzept | Einfache Erklärung | Analogie |
|---|---|---|
| LLM | Die Denkmaschine | Gehirn |
| Chatbot | Die Gesprächsebene | Augen / Ohren / Mund |
| Agent | Der Arbeiter | Junior-Teammitglied |
| Projekt | Der Workspace | Büro / Schreibtisch |
| Skill | Ein wiederholbarer Workflow | Handbuch / Checkliste |
| Tool | Was der Arbeiter nutzen kann | Apps |
| Berechtigung | Sicherheitsgrenze | Schlüssel / Schlösser |
Dein erstes sicheres Agent-Setup
Der Agentic-Workflow in 8 Schritten
- 1Ziel: Beschreibe den konkreten Nutzen, nicht nur die Technik.
- 2Scope: Eine kleine Funktion zuerst, kein "baue mir alles".
- 3Kontext: Gib Dateien, Beispiele, Zielgruppe, Regeln und Grenzen mit.
- 4Plan: Lass den Agent kurz erklären, was er ändern will.
- 5Aktion: Erlaube kleine, überprüfbare Änderungen.
- 6Prüfung: Browser öffnen, Daten testen, Fehler lesen, Ergebnis ansehen.
- 7Feedback: Sag konkret, was falsch wirkt und was bleiben soll.
- 8Sichern: Ergebnis speichern, nächste Mini-Iteration starten.
Praktische Startregeln
So startest du
- Erstelle einen Testordner, nicht deinen ganzen Desktop.
- Lege nur Beispiel- oder Demo-Daten hinein.
- Formuliere eine echte, kleine Aufgabe aus deinem Alltag.
- Bitte den Agent zuerst, die Dateien zu lesen und kurz zusammenzufassen.
- Lass ihn danach einen kleinen Plan machen.
- Gib Änderungen Schritt für Schritt frei.
Für kleine Apps
- Nutze einfache Dateien: index.html, styles.css, app.js.
- Keine Frameworks, kein Build-System, kein npm, wenn es nicht nötig ist.
- Speichern im Browser? Nimm IndexedDB, nicht Cloud-Persistenz.
- Die App soll per Doppelklick im Browser funktionieren.
- Erst Nutzbarkeit, dann Schönheit, dann Komfortfunktionen.
Copy-Paste Prompts für den Start
Die beste Prompt-Formel
Rolle: "Arbeite wie ein ruhiger Senior Frontend Developer."
Ziel: "Baue einen kleinen lokalen Helfer für ..."
Kontext: "Lies zuerst die Projektdateien und fasse die Struktur zusammen."
Grenzen: "Keine Frameworks, keine Server, keine externen Datenbanken."
Output: "Ändere die Dateien direkt und erkläre danach kurz die wichtigsten Punkte."
Checks: "Prüfe, ob die Seite direkt im Browser funktioniert."
Starter-Prompts
Projekt verstehen
Lies die Dateien in diesem Projekt. Fasse mir die Struktur, die wichtigsten Einstiegspunkte und offensichtliche Risiken zusammen. Ändere noch nichts.
Kleine App bauen
Baue mir eine kleine lokale Browser-App für [Workflow]. Nutze nur HTML, CSS und JavaScript. Wenn Daten gespeichert werden, nutze IndexedDB. Halte den ersten Schritt bewusst klein.
Bestehendes verbessern
Verbessere diese App für [Zielgruppe]. Behalte den Stil bei, ändere nur das Nötige und prüfe danach Bedienbarkeit, leere Zustände und mobile Darstellung.
Fehler beheben
Die App verhält sich so: [Problem]. Reproduziere den Fehler gedanklich anhand des Codes, finde die wahrscheinlichste Ursache, behebe sie und nenne mir die Prüfung.
Wenn ein Ergebnis nicht passt, erkläre nicht nur "falsch", sondern zeige ein Beispiel für "so soll es aussehen".
Kontext und Mini-App-Rezepte
Der Kontext-Pack vor jeder Aufgabe
1. Nutzer
Wer nutzt das Ergebnis und wann?
2. Workflow
Was passiert vorher, was danach?
3. Daten
Welche Felder, Beispiele, Regeln, Sonderfälle?
4. Ausgabe
Was soll am Ende sichtbar, kopierbar oder exportierbar sein?
5. Grenzen
Was darf der Agent nicht tun?
6. Qualität
Woran erkennst du, dass es gut genug ist?
Mini-App-Rezepte
Tracker
Für Aufgaben, Kampagnen, Leads, Freigaben, Experimente, Deadlines. Felder, Status, Filter, Notizen, Export.
Checker
Für Listen, Exporte, Buchungen, Texte, Assets, QA-Regeln. Import, Regeln, Warnungen, Ergebnisliste.
Generator
Für Briefings, Checklisten, E-Mails, Varianten, Übergaben. Formular, Vorlagen, Vorschau, Kopieren.
Wenn du die Aufgabe nicht in einem Satz erklären kannst, ist sie wahrscheinlich noch zu groß. Schneide sie kleiner.
Use Cases und Leitplanken
Gute erste Use Cases
1. Marketing
Content-Kalender, Kampagnen-Tracker, Wettbewerber-Notizen, UTM-Checkliste.
2. Design
Feedback-Board, Asset-Checklist, Responsive-QA-Liste, Handoff-Tracker.
3. Sales
Lead-Briefing, Gesprächsnotizen, Follow-up-Tracker, Quote-Library.
4. Operations
Meeting-Actions, Incident-Postmortem, Prozess-Checklisten, Übergabe-Board.
5. Finance & Tax
Export-Prüfer, Duplikat-Check, Kategorie-Review, Beleg-Status.
6. Product
Feature-Request-Sammlung, Interview-Notizen, Experiment-Memory, Roadmap-Hilfen.
Leitplanken für sicheres Arbeiten
Mach das
- Mit Demo-Daten arbeiten.
- Kleine Änderungen einzeln freigeben.
- Vor dem Löschen oder Überschreiben stoppen.
- Ergebnis selbst im Browser ansehen.
- Leere, falsche und sehr lange Eingaben testen.
- Den Agent bitten, Risiken und Annahmen zu nennen.
Vermeide das
- Passwörter, API Keys oder Kundendaten in Prompts.
- Dem Agent den ganzen Computer als Workspace geben.
- "Mach alles fertig" ohne Zwischenprüfung.
- Automatisches Senden, Löschen oder Veröffentlichen ohne Review.
- Produktionsdaten als ersten Test verwenden.
- Fehler wegklicken, statt sie zu lesen.
Was du immer prüfen solltest
Die schnelle Review-Checkliste
Wenn du nicht weiterkommst
Wenn der Agent feststeckt
- Bitte ihn, den aktuellen Stand in 5 Sätzen zusammenzufassen.
- Frage nach der kleinsten nächsten Änderung.
- Gib ein konkretes Beispiel für richtige Ausgabe.
- Bitte um eine Hypothese, nicht um wildes Herumprobieren.
Der beste Abschluss-Prompt
Fasse mir zusammen, was geändert wurde, wie ich es teste, welche Annahmen du getroffen hast und welche zwei nächsten Verbesserungen am meisten bringen würden.
Ein Agent ist kein Zauberstab. Er ist ein sehr schneller Junior mit Werkzeugkoffer. Gute Führung macht ihn nützlich.
Wählen Sie den passenden Einstieg in die Workshop-Reihe.
Die Formate bauen aufeinander auf: von kurzen Hands-on Prototypen über konkrete interne Apps bis zu production-ready Anwendungen.
Impulse Workshop
Einstieg, halbtägig
Der kompakte Einstieg schafft ein gemeinsames Bild von Agentic Coding und führt bereits zu kurzen Hands-on Coding-Prototypen auf Basis eurer ersten Use Cases.
- Gemeinsames Grundverständnis im Team
- Relevante Use Cases aus eurem Arbeitsalltag
- Kurze Coding-Prototypen für ausgewählte Aufgaben
- Klare Empfehlung für den nächsten Workshop-Schritt
ab990 €netto
inkl. bis zu 4 Teilnehmer:innen
Hands-on Workshop
Umsetzung, 1 Tag
Aufbauend auf den priorisierten Use Cases arbeitet das Team praktisch mit Agenten-Tools und baut konkrete Apps, Automationen oder Workflows für den Arbeitsalltag.
- Arbeit an echten Aufgaben aus eurem Unternehmen
- Konkrete Apps, Automationen oder interne Tools
- Review- und Qualitätslogik für den Alltag
- Wiederverwendbare Templates für weitere Use Cases
ab2.990 €netto
inkl. bis zu 8 Teilnehmer:innen
Pilot Sprint
Pilot, 2 bis 4 Wochen
Der Pilot führt eine ausgewählte App oder Automation bis zur production-ready Anwendung: mit Vorbereitung, Umsetzung, Reviews, Tests, Deployment und Rollout-Empfehlung.
- Business Use Case mit klarer Zielsetzung
- Production-ready App, Automation oder Workflow
- Tests, Review, Deployment und Betriebslogik
- Rollout-Empfehlung für weitere Teams
Auf Anfrage
individuell