00:00:00Das Jahr 2025 war außerordentlich bedeutsam für KI,
00:00:02mit einer Welle unglaublicher Modelle und Tools,
00:00:05jedes schneller und leistungsfähiger als das letzte.
00:00:08Eines der wichtigsten Dinge war das Model Context Protocol,
00:00:12das Anthropic Ende 2024 veröffentlicht hat,
00:00:14und es wurde sofort überall eingesetzt.
00:00:17Viele Produkte und Services wurden darum herum entwickelt,
00:00:19und zum Jahresende möchte ich die sechs besten MCPs mit euch teilen,
00:00:23die wirklich meine Sicht auf Entwicklung grundlegend verändert haben.
00:00:26Aber zunächst ein kurzes Wort von unserem Sponsor, Blink.
00:00:29Wer schon mal versucht hat,
00:00:30eine KI-gestützte SaaS zu bauen,
00:00:31kennt das größte Problem: es ist nicht die Idee.
00:00:33Es ist die Auswahl der Modelle,
00:00:35die Verwaltung von Credits und das Zusammenspiel aller Komponenten.
00:00:37Blink kümmert sich um all das.
00:00:39Mit Blink baust du nicht nur schnell Apps,
00:00:41du hast vollständige Kontrolle.
00:00:42Wähle deine eigenen KI-Modelle wie Claude Opus,
00:00:44Gemini oder GPT,
00:00:45oder lass Blinks Auto Mode das beste Modell für deinen Use-Case wählen und dabei Output sowie Credit-Verbrauch optimieren – anders als Tools,
00:00:52die Credits im Verborgenen verbrauchen.
00:00:54Das Design deiner App ist genauso einfach.
00:00:56Lade Screenshots aus Figma hoch oder hole dir Inspirationen von Pinterest oder Dribbble,
00:01:01und Blink erstellt die UI wunderschön..
00:01:03Die KI-Integration ist nahtlos.
00:01:04Ob Chat,
00:01:05Bilder,
00:01:05Audio oder Video – Blink führt dich durch jeden Schritt,
00:01:08damit alles reibungslos funktioniert..
00:01:10Wenn du echte,
00:01:10polierte Apps bauen möchtest,
00:01:11die tatsächlich veröffentlicht werden,
00:01:13ist Blink dein Geheimtipp.
00:01:14Klick auf den Link im gepinnten Kommentar und fang heute an zu bauen.
00:01:17Fangen wir mit einem MCP-Server an,
00:01:19der meine Arbeit mit KI-Code-Editoren grundlegend transformiert hat.
00:01:22Context 7.
00:01:23Context 7 zieht aktuelle,
00:01:24versions-spezifische Dokumentationen und Code-Beispiele direkt in den KI-Coding-Agent..
00:01:30Das beseitigt viele Probleme,
00:01:31die bei der KI-Codierung entstehen,
00:01:33wie nicht zusammenpassende Abhängigkeiten.
00:01:35Stattdessen bietet es deinem KI-Agent eine Wissensdatenbank,
00:01:38wie jede Bibliothek zu nutzen ist.
00:01:39Es ist auf mehreren Plänen verfügbar,
00:01:41einschließlich eines kostenlosen,
00:01:42der auf Open-Source-Bibliotheken begrenzt ist.
00:01:44Um es zu nutzen,
00:01:45registrierst du dich einfach,
00:01:46erstellst einen API-Schlüssel und installierst es in deinem bevorzugten Coding-Tool über die Installationsbefehle.
00:01:50Danach ist das MCP mit all seinen Tools sofort einsatzbereit in deinem Projekt.
00:01:55Mit dem MCP kann das Modell die Dokumentation des Frameworks nachschlagen,
00:01:59das ich ihm vorgebe.
00:02:00Es macht dann Tool-Aufrufe,
00:02:01um Dokumentation und Quick-Start-Guides abzurufen und implementiert die Aufgabe anhand dieser Dokumentation.
00:02:07Anders als einfache Websuche,
00:02:08die unstrukturierte und oft vage Ergebnisse liefert,
00:02:11ruft Context 7 relevante Dokumentations-Snippets ab,
00:02:14weil sie eine regelmäßig aktualisierte Vektor-Datenbank von Dokumentationen führen und semantische Suche nutzen,
00:02:20um Daten zu finden.
00:02:21Es gibt auch ein ähnliches Tool namens Ref,
00:02:24das im Grunde eine kontexteffizientere Version von Context 7 ist.
00:02:28Es kombiniert Funktionen wie Context 7,
00:02:30Websuche,
00:02:31Web Scraping und Code-Suche auf einer einzigen Plattform.
00:02:34Ref nutzt semantische Suche,
00:02:36und anders als Context 7,
00:02:37das große Dokumente in das Kontextfenster einfügt,
00:02:40zeigt es nur den relevanten Teil für deine spezifische Frage an.
00:02:43Aber der kostenlose Plan hat sehr begrenzte Credits,
00:02:45danach musst du zu bezahlten Versionen wechseln.
00:02:48Wenn du diese Extra-Funktionen nicht brauchst,
00:02:50ist Context 7 die bessere Wahl.
00:02:51Dieser nächste MCP ist sehr wichtig für Kontext-Einsparung und als Brücke zwischen allen MCPs – der Docker MCP.
00:02:58Er nutzt tatsächlich zwei Tools,
00:03:00mit denen du dich mit vielen MCPs direkt in deinem KI-Agent verbinden kannst.
00:03:03Ein Schlüssel-Feature dieses MCP ist die Reduzierung der im Kontext verfügbaren Tools.
00:03:07Docker verwaltet einen Katalog verifizierter MCP-Server,
00:03:10denen du vertrauen kannst.
00:03:11Du musst nur einen einzigen MCP-Server zu deinem KI-Client hinzufügen und die MCPs verbinden,
00:03:15auf die du zugreifen möchtest,
00:03:17über Docker.
00:03:17Wenn du dich dann mit deinem Client verbindest und ihn auffordest,
00:03:20einen verbundenen MCP zu nutzen,
00:03:22verwendet er Tools wie MCP Find und MCP Add,
00:03:24um über Docker auf den MCP zuzugreifen und dir die Ergebnisse zurückzugeben.
00:03:27Mit Docker MCP werden nur die Tools geladen,
00:03:29die für die spezifische Abfrage benötigt werden,
00:03:32was verhindert,
00:03:32dass der Kontext mit unnötigen Tools überladen wird.
00:03:35Dein Kontextfenster enthält also nur zwei Tools,
00:03:38selbst wenn die in Docker verbundenen MCPs Hunderte enthalten.
00:03:41Es ist auch hochgradig sicher,
00:03:43weil alle Tools in einer Sandbox innerhalb von Docker laufen.
00:03:46Das grundlegende Problem bei der Nutzung von MCP ist ein überladenes Kontextfenster durch viele Tools,
00:03:52während nur wenige wirklich benötigt werden.
00:03:54Cloudflare und Anthropic haben beide auf dieses Problem hingewiesen,
00:03:58und Cloudflare beschrieb die allgemeine Lösungsidee als Code Mode.
00:04:01Docker war tatsächlich der erste,
00:04:02der dieses Problem gelöst hat.
00:04:03Wir haben bereits ein Video gemacht,
00:04:05das zeigt,
00:04:06was Code Mode ist und wie es das Problem löst.
00:04:08Code Mode ermöglicht auch dynamische MCPs,
00:04:10was KI-Agenten ermöglicht,
00:04:12über das reine Finden von Tools hinauszugehen und ein JavaScript-fähiges Tool zu erstellen,
00:04:16das andere MCP-Tools aufrufen kann.
00:04:18Wir haben das in unserem Video demonstriert und gezeigt,
00:04:21wie viel Zeit und Kontext dieses Feature spart.
00:04:23Jetzt zu meinem persönlichen Favoriten und Ganz-Welt-MCP-Server für UI-Komponenten: dem ShadCN Registry MCP Server.
00:04:29ShadCN ist eine wirklich großartige Bibliothek von UI-Komponenten,
00:04:32die vollständig anpassbar sind und direkt in deinen Web-Anwendungen verwendet werden können.
00:04:36Aber wenn du sie direkt in deiner UI ohne den MCP nutzt,
00:04:39wirst du wahrscheinlich auf viele Probleme stoßen,
00:04:41weil der KI-Agent keinen spezifischen Kontext der Komponenten hat.
00:04:44Mit diesem MCP ändert sich alles.
00:04:46Dieser MCP ermöglicht es dir,
00:04:48die Komponenten direkt zu erhalten und zu installieren.
00:04:50Der ShadCN MCP lässt dich auch Registries verbinden.
00:04:53Eine Registry ist im Grunde ein Index,
00:04:55der anzeigt,
00:04:55wo bestimmte Komponenten zu finden sind und welche Abhängigkeiten sie haben,
00:04:59um sie richtig zu installieren.
00:05:00Dieser MCP-Server ermöglicht dir,
00:05:02mit Elementen aus ShadCN-Registries zu interagieren und Komponenten wie Aseternity UI,
00:05:07Magic UI und viele andere zu erhalten.
00:05:09Es ist ziemlich einfach zu installieren.
00:05:10Kopier einfach den Befehl und der MCP ist sofort konfiguriert und einsatzbereit.
00:05:15Custom Registries hinzuzufügen ist genauso einfach wie ein paar Zeilen Code zur components.json-Datei hinzuzufügen.
00:05:21Und ehrlich gesagt habe ich es viel genutzt,
00:05:23um schöne UI-Komponenten zu bauen.
00:05:24Das ist ein ziemlich neuer MCP,
00:05:26aber Google hat gerade einen vollständig verwalteten MCP-Server angekündigt,
00:05:29der dir Zugriff auf Google Cloud Services bietet.
00:05:30Zusammen mit Gemini 3 eingeführt,
00:05:32präsentiert dieser Server den Google Maps MCP.
00:05:35Er ermöglicht Agenten,
00:05:36standortbasierte Verankerung zu nutzen und zieht genaue Daten direkt aus Google Maps,
00:05:39was neue Möglichkeiten für deine KI-Agenten eröffnet.
00:05:42Der BigQuery MCP ermöglicht es Agenten,
00:05:44Unternehmensdaten zu interpretieren und eliminiert gleichzeitig Probleme mit sensiblen Daten im Kontextfenster.
00:05:49Darüber hinaus starteten sie den Google Compute MCP,
00:05:52mit dem der MCP Cloud Services verwalten kann.
00:05:54Und mit dem Kubernetes MCP war Container-Management nie so einfach.
00:05:58Alle diese neuen MCPs sind Remote-basiert und auch nicht Open Source.
00:06:02Ihre Quick-Start-Guides sind auf ihrem GitHub-Repo verlinkt,
00:06:05das ich unten in der Beschreibung verlinke.
00:06:07Aber wir können nicht auf die anderen Google Services MCPs verzichten.
00:06:10Diese sind Open Source und umfassen Google Workspace,
00:06:13Firebase,
00:06:13Google Analytics,
00:06:14Flutter und viele weitere.
00:06:15Von all diesen habe ich den Firebase MCP viel in meinen Projekten genutzt.
00:06:19Da wir einen YouTube-Kanal betreiben und all unsere Inhalte,
00:06:22Uploads,
00:06:23Deadlines,
00:06:23Recherchen und Systeme in Notion verwalten,
00:06:26ist der Notion MCP der hilfreichste für uns.
00:06:28Es ist super einfach zu installieren.
00:06:29Führe einfach einen einzigen Befehl aus und es ist sofort eingerichtet..
00:06:32Du musst es nur beim ersten Mal authentifizieren,
00:06:34und es kommt mit allen Tools,
00:06:36die du brauchst,
00:06:37um deine Notion-Seiten zu verwalten.
00:06:38Mit diesem Satz von Tools kann es suchen,
00:06:40abrufen,
00:06:41erstellen,
00:06:41aktualisieren,
00:06:42verschieben und eine breite Palette von Aufgaben in deinem verbundenen Workspace durchführen.
00:06:45Es gibt noch andere großartige Anwendungen für den Notion MCP.
00:06:48Ich nutze persönlich Claude und den Notion MCP,
00:06:50um mein Team zu verwalten,
00:06:51Inhalts-Status zu verfolgen,
00:06:53die Ideen in unserem Plan zu verfolgen und neue Ideen hinzuzufügen oder zu verfeinern.
00:06:57Er hat mir sehr geholfen,
00:06:58meine täglichen Aufgaben und meinen Workflow mit dem Notion MCP zu überwachen und zu vereinfachen.
00:07:03Es gibt auch ein Obsidian-MCP mit ähnlichen Funktionen,
00:07:06falls du Notion nicht für deine Aufgaben nutzt.
00:07:09Das Obsidian-MCP kann alle gleichen Operationen durchführen und deine Seiten verwalten.
00:07:13Enden wir mit einem der leistungsstärksten MCP-Server,
00:07:16den ich ehrlich gesagt in den meisten meiner Projekte nutze – dem Supabase-MCP.
00:07:20Da wir Supabase für die meisten Backends in unseren kleineren Projekten verwenden,
00:07:24hat dieses MCP eine enorme Hilfe geleistet.
00:07:26Es eliminiert die Notwendigkeit,
00:07:28SQL-Abfragen manuell zu schreiben oder Datenbankschemas und Konfigurationen zu verwalten.
00:07:32Mit diesem MCP kann dein KI-Code-Editor alles alleine bewältigen – vom Datenbankschema-Management bis zu SQL-Operationen.
00:07:39Und du musst es nur über Prompts auf der Plattform lenken,
00:07:41die du nutzt.
00:07:42Der Installationsprozess ist eigentlich sehr einfach.
00:07:44Du musst dich nur beim MCP anmelden,
00:07:46es authentifizieren,
00:07:47und alle Tools sind verfügbar.
00:07:49Danach fragst du dein KI-Tool einfach,
00:07:50eine ordentliche Datenbank für dich zu erstellen.
00:07:52Es kann alles bewältigen – vom Erstellen des Projekts bis zur Kostenverwaltung und zum Einrichten der gesamten Umgebung von selbst.
00:07:58Das bringt uns zum Ende dieses Videos.
00:08:00Wenn du den Kanal unterstützen möchtest und uns hilfst,
00:08:03weiterhin Videos wie dieses zu machen,
00:08:04kannst du den Super-Thanks-Button unten nutzen.
00:08:07Wie immer,
00:08:07danke fürs Zuschauen,
00:08:08und ich sehe dich im nächsten Video!