Zum Campus
Classroom

Agentische Entwicklung – mit Claude Code, Mastra und CopilotKit zum eigenen KI-Chat-Agenten

Baue einen vollständigen Chat-Agenten mit Claude Code. Lerne agentische Entwicklung mit Mastra, Tool Calls, MCP, Frontend und AG-UI-Protokoll.

LERNZIELE

  • Du lernst, Claude Code systematisch über Desktop App, VS Code, Terminal, GitHub und CI/CD hinweg einzusetzen, durchgängig am Aufbau einer echten Agenten-App.
  • Du verstehst die Architektur moderner Agenten-Apps und kannst die Verantwortlichkeiten sauber trennen.
  • Du entwickelst und deployst einen vollständigen agentischen Workflow vom lokalen Pair Programming bis zur CI/CD-Pipeline.

LIVE-EVENT

01 September

INHALT

Dieser Classroom ist ein praxisorientierter Deep Dive in agentische Entwicklung. Du lernst Claude Code als Coding-Agenten kennen, indem du mit ihm Schritt für Schritt einen eigenen Agenten baust. Statt einzelner Features durchläufst du den vollständigen Entwicklungsprozess: von der ersten Projektstruktur über Tools, MCP-Anbindung, Security und Generative UI bis hin zur deployten Anwendung mit automatisierter Qualitätssicherung.

Roter Faden ist ein Chat Agent, den du über die fünf Sessions des Classrooms entwickelst. Der Einsatzzweck ist bewusst für alle verständlich und austauschbar gestaltet. Wer eine eigene Domäne mitbringt, kann sie ohne Curriculum-Änderung einsetzen (z. B. einen internen Recherche-Assistenten, einen DevOps-Insights-Agenten oder einen Support-Copilot über die eigene Wissensbasis).

Zu Beginn ordnest du Claude Code im Feld der Coding-Agenten ein, verstehst die Nutzungs- und Abrechnungsmodelle und lernst die wichtigsten Arbeitsoberflächen kennen. Auf dieser Basis erstellst du die ersten Strukturen im Beispiel-Repository: Next.js, ein erster Mastra-Agent und eine minimale CopilotKit-Oberfläche. Danach baust du im Terminal die Tools des Agenten aus und nutzt Git Worktrees, um mehrere Tool- und Agent-Designs parallel auszuprobieren.

In der dritten Session verbindest du den Agenten über MCP mit externen Systemen und betrachtest Security auf zwei Ebenen: den Harness von Claude Code (Permissions, Prompt Injection, sichere Tool-Nutzung) und den Harness deines eigenen Agenten (Tool-Berechtigungen, Vertrauensgrenzen, AG-UI als Boundary). Danach baust du mit CopilotKit und AG-UI/A2UI die eigentliche Agenten-UI und etablierst mit Skills und Hooks wiederholbare Entwicklungsabläufe. Zum Abschluss bringst du den Agenten in Produktion: CI/CD über GitHub Actions, automatisierte Reviews mit Subagents und ein sauberes Human-in-the-loop-Modell.

SESSIONS

Claude Code einsetzen – Agenten-Landschaft verstehen und erstes Projekt aufsetzen
01.09.2026
09:00 – 13:00

Lerne, Claude Code einzuordnen und produktiv einzusetzen. Scaffolde das Beispiel-Repository und bringe deinen ersten Agenten zum Sprechen.

  • Abgrenzung von Claude Code im Gegensatz zu Claude Chat, Claude Cowork und der Anthropic API
  • Nutzungs- und Abrechnungsmodelle im Überblick: individuelle Abos, team-/seat-basierte Pläne und nutzungsbasierte API-Abrechnung
  • Einordnung der Coding-Agenten-Landschaft entlang von Archetypen statt kurzlebiger Feature-Vergleiche
  • Architektur-Überblick der Ziel-App: Mastra (Agent-Framework), AG-UI/A2UI/A2A/ACP (offene Agent-Protokolle), CopilotKit (UI), Tools und MCP
  • Arbeitsoberflächen im Überblick: Terminal, IDE-Integrationen, Desktop App und Web – jeweils am Beispiel des Projekt-Setups
  • Live-Coding: mit Claude Code in VS Code und Desktop App das Next.js-Projekt scaffolden, einen ersten Mastra-Agenten anlegen, eine minimale CopilotKit-Oberfläche verdrahten und einen ersten End-to-End "Hello Agent"-Durchstich erreichen
  • Good Practices für Tool-Auswahl, Kostenbewusstsein und einen produktiven Einstieg
Coding-Agenten lokal nutzen – Claude Code, Git-Workflows und Worktrees
08.09.2026
09:00 – 13:00

Lerne Claude Code als lokalen Coding-Agenten im Terminal zu nutzen, echte Tool Calls zu implementieren und parallele Design-Ideen sauber zu isolieren.

  • CLI-Grundlagen: Installation, Login und typische Projekt-Setups am bestehenden Beispiel-Repo
  • Arbeiten im bestehenden Repository: Codebase-Exploration, Bugfixes, Features und Tests am wachsenden Agenten
  • Live-Coding: die ersten Tool Calls des Agenten implementieren, typisierte Funktionen mit Zod-Schemata, inklusive erster Unit-, Integrations- und E2E-Tests
  • Kontextmanagement: CLAUDE.md/AGENTS.md, Skills, Projektregeln, Session-Hygiene sowie der Umgang mit großen Kontexten und Kontextverdichtung als Qualitäts- und Kostenhebel
  • Git-Workflows: Branches, Diffs, Commits, Pull Requests
  • Git Worktrees in der Praxis: zwei Tool-Designs oder Agent-Loops parallel ausprobieren, ohne Kollisionen – vom Anlegen bis zum Aufräumen
  • Risiken bei Worktrees erkennen: veraltete Branches, doppelte Änderungen, Merge-Konflikte
  • Strategien für kontrollierte Änderungen
MCP-Server sicher anbinden – Claude Code und Agenten-Harness absichern
15.09.2026
09:00 – 13:00

Lerne, Claude Code teamtauglich zu konfigurieren und übertrage bewährte Sicherheitsprinzipien direkt auf den Harness deines eigenen Agenten.

  • Live-Coding: ein MCP-Server an den Agenten anbinden
  • Der Coding-Harness (Claude Code) und der Harness des App-Agenten: dieselben Prinzipien, zwei Ebenen
  • Konfigurationsmodell von Claude Code: User-, Projekt-, lokale und verwaltete Einstellungen und deren Zusammenspiel
  • Teamkonventionen: .claude-Konfiguration, CLAUDE.md und gemeinsame Projektregeln am Beispiel-Repo
  • Permissions und Approval-Strategien (erlauben, blockieren, nachfragen)
  • Sichere Bash- und Tool-Nutzung: riskante Kommandos, Dateizugriff, Secrets und Netzwerkzugriffe
  • Prompt Injection, Tool Poisoning und unsichere externe Kontexte erkennen und eindämmen
  • Sicherheitsmuster: Least Privilege, explizite Freigaben, getrennte Umgebungen, Secret-Scans, reproduzierbare Setups und klare Review-Gates, angewendet auf das laufende Projekt
  • Admin-Perspektive: Policies, Onboarding, Auditierbarkeit sowie Kosten- und Nutzungssteuerung im kontrollierten Rollout
  • Praxisübung: sichere Konfiguration sowohl für Claude Code als auch für die MCP-Tool-Freigaben des Agenten
Claude Code orchestrieren – Generative UI, MCP und Hooks in der Praxis
22.09.2026
09:00 – 13:00

Verbinde Claude Code mit externen Systemen und baue wiederholbare Abläufe auf. Baue parallel die Agenten-UI mit AG-UI und CopilotKit.

  • Live-Coding: mit CopilotKit und AG-UI die richtige UI bauen – Streaming, Shared State (die Agenda) und Generative UI (Session-Karten, Zeitpläne, die der Agent zur Laufzeit erzeugt)
  • AG-UI als Standard verstehen: Lifecycle-, Text-Message- und Tool-Events; warum ein offenes Protokoll die Grenze zwischen Agent und Frontend sauber hält
  • CopilotKit-Skills für Coding-Agenten: wie das Framework Claude Code anlernt, Integration, Setup und Debugging korrekt umzusetzen – „Agent lernt Agent an“
  • Model Context Protocol vertieft: Idee, Architektur, lokale und Remote-Server, Abgrenzung zu CLIs; weitere Systeme an den Agenten anbinden
  • Sicherheitsaspekte bei MCP: Vertrauensgrenzen, externe Inhalte, Tool-Berechtigungen und Datenabfluss
  • Claude-Code-Skills: Struktur, Auswahl durch den Agenten, Team- und Projekt-Skills sowie die Frage, wann Skills besser sind als lange CLAUDE.md-Dateien
  • Hooks: deterministische Automatisierung entlang des Agenten-Lifecycles für Formatierung, Tests, Linting, Secret-Scans und Benachrichtigungen – eingerichtet für das Beispiel-Repo
  • Plugins und Verteilung: wiederverwendbare Fähigkeiten paketieren, teilen und im Team einführen
  • Harness-Frameworks prinzipiell einordnen: Mastra als Agent-Harness, AG-UI als Standard, der Unterschied zu einem eigenen Lightweight-Harness – Prinzip vor Produkt
Agent SDK, Subagents und CI/CD – deinen Agenten produktionsreif machen
29.09.2026
09:00 – 13:00

Lerne, eigene agentische Workflows mit Claude Code und dem Claude Agent SDK zu erstellen und bring deinen Agenten in eine echte Pipeline.

  • Einordnung: Claude Code (interaktiv) gegenüber dem Claude Agent SDK (programmatisch) und der Anthropic API
  • Live-Coding: CI/CD für die Next.js/Mastra-App über GitHub Actions – Build, Test, Lint, Deploy
  • Claude Code für Issue-Triage, PR-Reviews und automatisierte Änderungsvorschläge
  • Programmgesteuerte Workflows mit dem Agent SDK in TypeScript: Codeanalyse, Testlauf, Fix-Vorschläge sowie Ergebnis- und Review-Berichte rund um das Beispiel
  • Subagents: spezialisierte Rollen für Architektur-, Security-, Test-Review und Dokumentation; Isolation, Zusammenspiel mit Worktrees und die Frage, wann sie helfen und wann sie Overhead erzeugen
  • Qualität des App-Agenten automatisiert absichern: Evals (model-graded, rule-based, statistisch) und Observability (OpenTelemetry) – Regressionsschutz statt blindem Vertrauen
  • Einbettung in höherstufige Orchestrierung: das Agent SDK bzw. Mastra als Baustein einer Schicht mit einheitlicher Agent-Schnittstelle, provider-übergreifenden Workflows und Observability über Nutzung, Kosten und Tool-Aktivität
  • Human-in-the-loop: Approvals, Review-Gates, Rollback-Strategien und klare Verantwortlichkeit – im Code und in der Pipeline
  • Deployment des fertigen Agenten

VORAUSSETZUNGEN

Vorausgesetzt wird praktische Erfahrung in der Softwareentwicklung und ein routinierter Umgang mit einer modernen Entwicklungsumgebung, insbesondere Visual Studio Code, Git und Terminal.

Solide Kenntnisse in TypeScript oder JavaScript werden empfohlen, da die gesamte Anwendung in TypeScript entsteht (Next.js, Mastra, CopilotKit). Grundverständnis von React bzw. Next.js ist hilfreich. Die Konzepte sind allerdings auf andere Sprachen und Stacks übertragbar.

Für die aktive Teilnahme empfiehlt es sich, im Vorfeld:

  • eine aktuelle Version von Visual Studio Code zu installieren
  • Zugriff auf ein GitHub-Konto zu haben
  • Node.js und Git lokal eingerichtet zu haben
  • mit Git grundsätzlich umgehen zu können oder offen dafür zu sein
  • ein kleines Next.js/TypeScript-Projekt lokal ausführen zu können
  • einen passenden, kostenpflichtigen Claude-/Anthropic-Zugang zu besitzen
  • Claude Desktop und/oder Claude Code lokal installieren zu können
  • Kostenabschätzung: Der Pro Plan reicht aus heutiger Sicht für den gesamten Classroom aus, wenn man nicht viel experimentiert. Unser Experte empfiehlt daher den Max Plan. Bei einer Abrechnung nach verbrauchten Tokens über die API solltest du schätzungsweise mit Kosten in Höhe von 15-20 Euro pro Session rechnen. (Stand 12.06.26)

ZIELGRUPPE

Der Classroom richtet sich an erfahrene Softwareentwicklerinnen und -entwickler, Teamleitende, Softwarearchitektinnen und -architekten sowie DevOps Engineers, die agentische Entwicklung mit Claude Code systematisch verstehen und zugleich lernen wollen, wie sie eine moderne Agenten-App (Agent-Framework, Protokoll, UI, Tools, MCP) bauen.

Besonders geeignet ist er für Teams, die KI-gestützte Entwicklung nicht nur ausprobieren, sondern in bestehende Entwicklungsprozesse integrieren und selbst agentische Features ausliefern wollen.

DEIN EXPERTE

Rainer Stropek
CEO, passionierter Entwickler, Trainer, Speaker, CoderDojo Mentor | software architetcs

Rainer Stropek, Mitgründer und CEO von software architects, entwickelt mit seinem Team die preisgekrönte SaaS-Zeiterfassung "time cockpit". Als anerkannter Experte für Softwareentwicklung, Softwarearchitektur und Cloud-Computing wurde Rainer Stropek als MVP für Cloud-Computing mit Microsoft Azure, Visual Studio und Entwicklertechnologien ausgezeichnet. Seit 2015 ist er Microsoft Region Director für Österreich. Er ist Autor mehrerer Fachbücher und zahlreicher Fachartikel und durch seine Vorträge auf internationalen Fachkonferenzen bekannt.

Foto von Rainer Stropek

Agentische Entwicklung – mit Claude Code, Mastra und CopilotKit zum eigenen KI-Chat-Agenten

ab 895,00 € im Einzelkauf
oder mit 28+ weiteren Classrooms
im
PROFESSIONAL PASS
inkl. MwSt. | 752,1 € netto
Preise und Pakete vergleichen

Agentische Entwicklung – mit Claude Code, Mastra und CopilotKit zum eigenen KI-Chat-Agenten

ab 895,00 € im Einzelkauf
oder mit 28+ weiteren Classrooms
im
PROFESSIONAL PASS
inkl. MwSt. | 752,1 € netto
Preise und Pakete vergleichen

Du hast Fragen zu unseren academy Classrooms? Wir helfen dir gerne weiter.

Fülle ganz einfach und bequem das Kontaktformular aus und wir werdendeine Fragen schnellstmöglich beantworten.

Kontaktformular