Firebase-Dienste mit KI-Unterstützung einbinden

Mit KI-gestützten Entwicklungstools wie Antigravity, Claude Code, Codex und Cursor können Sie die Einrichtung von Firebase für Web-Apps optimieren. Wenn Sie Firebase Agent Skills zusammen mit der Firebase CLI und dem Firebase MCP-Server verwenden, können Sie Ihren KI-Programmieragenten in einen spezialisierten Firebase-Experten verwandeln, der Code schreiben, Firebase Security Rules konfigurieren und Live-Ressourcen verwalten kann.

In diesem Leitfaden wird beschrieben, wie Sie einen KI-Programmieragenten verwenden können, um Cloud Firestore, Authentication und Firebase Hosting für eine Web-App einzurichten. Informationen zu iOS-, Android- und Flutter-Apps folgen in Kürze.

Warum Firebase Agent Skills und Tools verwenden?

Allgemeine KI-Modelle haben oft Schwierigkeiten mit spezifischen Projektkonfigurationen oder veralteten Informationen. Dieses Toolkit schließt diese Lücke:

• Firebase Agent Skills: Skills vermitteln dem Programmieragenten Fachwissen. Sie bieten aktuelle Dokumentation und optimale Workflows, damit der Agent weiß, wie Sie Ihre Architektur korrekt und gemäß den Empfehlungen von Firebase strukturieren.
• Firebase MCP-Server: Der MCP-Server bietet dem Programmieragenten Kontext und Zugriff. Er legt ein Standardprotokoll fest, mit dem der Agent Ihre aktiven Projektressourcen, lokalen Dateien und Konfigurationen programmatisch prüfen kann.
• Firebase CLI: Die Befehlszeile gibt dem Programmier agenten die Möglichkeit, Aktionen auszuführen. Sie ist das Ausführungstool, mit dem der Agent anspruchsvolle Aufgaben wie das Initialisieren von Datenbanken, das Verwalten von Konfigurationen für die Nutzerauthentifizierung und das Bereitstellen von Code in Ihrem Namen ausführt.

Wenn Sie Firebase Agent Skills zusammen mit der Firebase CLI und dem Firebase MCP Server verwenden, erhält Ihr KI-Programmieragent zusätzliche Funktionen:

• Aktionen ausführen: Mehr als nur Code schreiben. Ihr Agent kann Dienste initialisieren, Authentication Nutzer verwalten, neue Firebase Security Rules bereitstellen und direkt mit Ihren Cloud Firestore Daten arbeiten.
• Auf dem neuesten Stand bleiben: Verwenden Sie offizielle, versionsbezogene Prompts, um Ihren Agenten durch die Einrichtungsaufgaben zu führen.
• Genauigkeit verbessern: Greifen Sie auf die Umgebung und Schemas Ihres Projekts zu, um relevantere und genauere Hilfe zu erhalten.
• Tokenkosten senken: Agent Skills laden detaillierte Dokumentation nur dann, wenn sie für eine bestimmte Aufgabe erforderlich ist. Dadurch wird der Sitzungsaufwand minimiert.

Bei welchen Firebase-Diensten können die Agent Skills und Tools helfen?

In diesem Leitfaden wird hauptsächlich beschrieben, wie Agent Skills, die Firebase CLI und der Firebase MCP-Server zusammenarbeiten, um Ihnen bei der schnellen Einrichtung der folgenden Dienste und Funktionen zu helfen:

• Cloud Firestore: Eine NoSQL-Datenbank bereitstellen.
• Authentication: Sichere Nutzeranmeldung einrichten.
• Firebase Security Rules: Security Rules für Ihre App generieren und verfeinern.
• Firebase Hosting: Projekt für die Bereitstellung statischer Web-Apps einrichten.

Eine vollständige Liste der verfügbaren Funktionen finden Sie unter Vollständige Liste der Firebase Agent Skills.

Allgemeiner Workflow

In den folgenden Schritten wird ein allgemeiner Workflow beschrieben, wie Sie Firebase Agent Skills verwenden, um Firebase-Dienste in einer Web-App einzurichten und zu nutzen. Im Hintergrund verwenden Agent Skills die Firebase CLI und den Firebase MCP-Server, um diese Aufgaben auszuführen.

Schritt 1: Firebase Agent Skills installieren

In den meisten Fällen können Sie Firebase Agent Skills mit einem einzigen Prompt in Ihrem bevorzugten Editor installieren:

npx skills add firebase/agent-skills --agent=antigravity

claude plugin marketplace add firebase/agent-skills
claude plugin install firebase@firebase

codex plugin marketplace add firebase/skills
codex plugin add firebase@firebase

codex plugin marketplace add firebase/skills

npx skills add firebase/agent-skills --agent=cursor

npx skills add firebase/agent-skills

Schritt 2: Verbindung zum Firebase MCP-Server herstellen

Viele Firebase Agent Skills verwenden die Firebase CLI für Aufgaben. Es wird jedoch empfohlen, Ihren KI-Programmieragenten mit dem Firebase MCP-Server zu verbinden. Diese Verbindung verbessert die Fähigkeit Ihres Agenten, mit Ihrer Firebase-Umgebung zu interagieren, und bietet eine tiefere Integration und mehr Zugriff.

KI-gestützte Methode

In den meisten Fällen können Sie Ihren KI-Programmieragenten bitten, den Firebase MCP-Server einzurichten. Wenn er jedoch Schwierigkeiten hat oder der Firebase MCP-Server nicht aufgeführt ist, wechseln Sie zur manuellen Methode.

Manuelle Methode

{
  "mcpServers": {
    "firebase-mcp-server": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

{
  "mcpServers": {
    "firebase": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

{
  "mcpServers": {
    "firebase": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

{
  "mcpServers": {
    "firebase": {
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"],
      "disabled": false
    }
  }
}

"mcpServers": {
  "firebase": {
    "command": "npx",
    "args": ["-y", "firebase-tools@latest", "mcp"]
  }
}

"servers": {
  "firebase": {
    "type": "stdio",
    "command": "npx",
    "args": ["-y", "firebase-tools@latest", "mcp"]
  }
}

"mcp": {
  "servers": {
    "firebase": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "firebase-tools@latest", "mcp"]
    }
  }
}

"mcpServers": {
  "firebase": {
    "command": "npx",
    "args": ["-y", "firebase-tools@latest", "mcp"]
  }
}

Schritt 3: Firebase-Dienste initialisieren

Nachdem Sie die Agent Skills und Tools eingerichtet haben, können Sie Ihren KI-Programmieragenten mit natürlicher Sprache bitten, Cloud Firestore, Authentication und Firebase Hosting einzurichten.

1. Bitten Sie Ihren Agenten, einen Dienst einzurichten. Verwenden Sie dazu Prompts wie die folgenden:

   • Richte Cloud Firestore als Datenbank für diese App ein.
   • Erstelle eine Anmeldeseite mit Authentication und aktualisiere die Security Rules, um sicherzustellen, dass nur autorisierte Nutzer ihre eigenen Daten lesen und schreiben können.
   • Richte Firebase Hosting ein und stelle die App für die Produktion bereit.

2. Prüfen Sie alle Informationen und folgen Sie allen Schritten, die Ihr Agent möglicherweise bereitstellt, z. B.:

   1. Pläne: Ihr Agent schlägt eine Strategie basierend auf Ihrer vorhandenen Codebasis vor.
   2. Verbindungen: Ihr Agent verknüpft Ihren lokalen Code mit einem vorhandenen Firebase Projekt oder hilft Ihnen, ein neues Firebase-Projekt zu erstellen.
   3. Ressourcen initialisieren: Ihr Agent fügt Ihrer Codebasis die erforderlichen Firebase Bibliotheken und -Konfigurationen hinzu.
   4. Dateien aktualisieren: Ihr Agent erstellt und aktualisiert alle erforderlichen Dateien, z. B. firestore.rules (um zu definieren, wer Daten in Ihrer Datenbank lesen, schreiben oder abfragen kann) oder firebase.json (um der Firebase CLI mitzuteilen, welche Dienste bereitgestellt werden sollen und wie sie konfiguriert werden sollen).
   5. Ausführen: Ihr Agent führt Sie durch zusätzliche Konfigurations- oder Bereitstellungsschritte.

Allgemeine Tipps für Prompts an einen KI-Programmieragenten

Um das Beste aus Ihrem KI-Programmieragenten herauszuholen, insbesondere bei der Arbeit mit komplexen Integrationen wie Firebase, sollten Sie die Interaktion als Zusammenarbeit und nicht als einmaligen Befehl betrachten.

Spezifisch sein und Kontext angeben

Der Firebase MCP-Server bietet dem Agenten zwar einen erheblichen Kontext zu Ihrem Projekt, aber klare und spezifische Prompts in natürlicher Sprache liefern die besten Ergebnisse. Vermeiden Sie vage Anfragen.

• Vage: "Behebe den Datenbankfehler."
• Spezifisch: "Ich erhalte den Fehler ‚Berechtigung verweigert‘, wenn ich versuche, in die Sammlung ‚users‘ in Cloud Firestore zu schreiben. Prüfe meine firestore.rules und schlage eine Lösung vor, mit der authentifizierte Nutzer in ihr eigenes Dokument schreiben können.“

Iterieren und verfeinern

KI-Programmieragenten generieren bei komplexen Aufgaben selten beim ersten Versuch perfekten Code. Wenn eine Antwort nicht ganz richtig ist, setzen Sie die Unterhaltung fort:

• Fehlermeldungen angeben: Fügen Sie alle Terminalfehler oder Konsolenprotokolle wieder in den Chat ein.
• Anpassungen anfordern: "Dieser Code verwendet das ältere v8 SDK. Schreibe ihn mit dem modularen Firebase v9 SDK neu.“
• Erklärungen anfordern: "Erkläre, wie diese Firebase Security Rules Nutzerdaten schützen."

Vor der Ausführung prüfen

KI-Programmieragenten sind leistungsstark, können aber Fehler machen oder „halluzinieren“ (falsch benannte Funktionen oder Dienste erfinden).

• Code prüfen: Lesen Sie den generierten Code immer durch, insbesondere Firebase Security Rules und Konfigurationsdateien (z. B. firebase.json), bevor Sie ihn für die Produktion bereitstellen.
• Lokal testen: Bitten Sie den Agenten nach Möglichkeit, Ihnen beim lokalen Testen von Änderungen zu helfen, bevor Sie sie live schalten.

MCP-Verbindung verwenden

Da der Firebase MCP-Server Ihrem Agenten direkten Einblick in Ihre Projektstruktur gibt, können Sie auf bestimmte Dateien verweisen, um maßgeschneiderte Implementierungstipps zu erhalten.

• Beispiel: "Sieh dir meine Datei src/web/index.html an und zeige mir, wo ich das Standard-Firebase-Initialisierungsskript hinzufügen muss."

Nächste Schritte

• Vollständige Liste aller verfügbaren Firebase Agent Skills ansehen.
• Vollständige Liste aller verfügbaren Prompts, Tools und Ressourcen ansehen, die der Firebase MCP-Server bietet.
• Weitere Informationen zu den von der Firebase CLI bereitgestellten Tools